jQuery, используя .remove (), но я бы хотел, чтобы появилось окно подтверждения

Question

Я использую .remove () jQuery, чтобы избавиться от элементов содержимого, но мне хотелось бы, чтобы перед его удалением появилось подтверждение или диалоговое окно. Я просто не уверен в контексте того, как бы я написал такой диалог.

$(".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?')) {
        $('div').remove('#item1');
    }
});

Answer 3

Попробуйте:

$(".remove").click(function () {
  if(confirm("are you sure you want to remove the div")){
    $('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");
 });