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

Question

我正在使用 jQuery 的 .remove() 来删除内容的 div，但我希望能够在删除之前显示确认或对话框。我只是不确定我将如何编写这样一个对话的上下文。

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

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

Answer 1

$(".remove").click(function () {
  if(confirm("Are you sure you want to remove this?")) {
    $('div').remove('#item1');
  }
});

Answer 2

尝试这个：

$(".remove").click(function () {
  if(confirm("are you sure you want to remove the div")){
    $('div').remove('#item1');
  }
});

希望能帮助到你

Answer 3

$(".remove").click(function () {
    if (confirm('Are you sure?')) {
        $('div').remove('#item1');
    }
});

Answer 4

试试看window.confirm：https ://developer.mozilla.org/en/window.confirm

$(".remove").click(function () {
  if(window.confirm('Are you sure?')) {
    $('div').remove('#item1');
  }
});

Answer 5

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

查看jQueryUI 确认对话框 您可以根据需要设置它的样式

这就是你实现它的方式：

  <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");
 });