jquery - jQuery，使用.remove()，但我希望出现一个确认框

我正在使用jQuery的.remove（）摆脱div的内容，但是我希望能够在删除之前显示确认或对话框。我只是不确定如何编写这样一个对话框。

$(".remove").click(function () {
  $('div').remove('#item1');
});

单击带有类删除的链接后，我想弹出一个框，说您确定要删除吗？然后单击“是”删除，而单击“否”保留它。提前致谢

最佳答案

我认为，如果您正在寻找更好的确认对话框，那么浏览器上的默认对话框会为您提供。

看jQueryUI confirm dialog
您可以根据需要设置样式

这是实现它的方式：

  <div id="dialog" title="Confirmation Required">
  Are you sure about this?
  </div>

<script type="text/javascript">
$(document).ready(function() {
$("#dialog").dialog({
  autoOpen: false,
  modal: true
});
 });



$("#dialog").dialog({
  buttons : {
    "Confirm" : function() {
    // do something remove()
    },
    "Cancel" : function() {
      $(this).dialog("close");
    }
  }
});

   $("#dialog").dialog("open");
 });