4

jQueryの.remove（）を使用してコンテンツのdivを削除していますが、削除する前に確認またはダイアログボックスを表示できるようにしたいと思います。そのようなダイアログをどのように書くかという文脈がよくわかりません。

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

クラス削除のリンクをクリックすると、「これを削除してもよろしいですか？」というポップアップボックスが表示されます。次に、[はい]をクリックして削除し、[いいえ]をクリックして保持します。前もって感謝します

4

5 に答える 5

10 
$(".remove").click(function () {
  if(confirm("Are you sure you want to remove this?")) {
    $('div').remove('#item1');
  }
});
于 2010-07-25T19:30:22.337 に答える
3

これを試して：

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

それが役に立てば幸い

于 2010-07-25T19:30:08.500 に答える
3 
$(".remove").click(function () {
    if (confirm('Are you sure?')) {
        $('div').remove('#item1');
    }
});
于 2010-07-25T19:30:22.110 に答える
2

試してみてくださいwindow.confirm：https ：//developer.mozilla.org/en/window.confirm

$(".remove").click(function () {
  if(window.confirm('Are you sure?')) {
    $('div').remove('#item1');
  }
});
于 2010-07-25T19:31:48.803 に答える
1

より良い確認ダイアログを探しているなら、ブラウザのデフォルトがあなたに与えると思います。

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

于 2010-07-25T20:52:15.470 に答える