web-dev-qa-db-ja.com

JQuery確認ダイアログ

可能性のある複製:
jQueryを使用した[はい]または[いいえ]の確認ボックス

ここでは、jQueryの標準確認ダイアログの置き換えに関する多くの例を参照していますが、それらのいずれも理解していません。

JQueryまたはjQueryUIを使用して確認ダイアログをポップアップする場合。どうすればそれができ、ユーザーがクリックしたボタンを取得できますか?

alert("Something!");コマンドのような確認ダイアログを設定する簡単な方法が必ずあるはずです。

2つのボタンを追加し、yesまたはnoにコールバック関数を設定しますか?

18
MayoMan

これを試して

$('<div></div>').appendTo('body')
  .html('<div><h6>Yes or No?</h6></div>')
  .dialog({
      modal: true, title: 'message', zIndex: 10000, autoOpen: true,
      width: 'auto', resizable: false,
      buttons: {
          Yes: function () {
              doFunctionForYes();
              $(this).dialog("close");
          },
          No: function () {
              doFunctionForNo();
              $(this).dialog("close");
          }
      },
      close: function (event, ui) {
          $(this).remove();
      }
});

フィドル

51
MaVRoSCy

JQuery UIを使用して this のようなことを行うことができます

Html:

<button id="callConfirm">Confirm!</button>

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

Javascript:

$("#dialog").dialog({
   autoOpen: false,
   modal: true,
   buttons : {
        "Confirm" : function() {
            alert("You have confirmed!");            
        },
        "Cancel" : function() {
          $(this).dialog("close");
        }
      }
    });

$("#callConfirm").on("click", function(e) {
    e.preventDefault();
    $("#dialog").dialog("open");
});

13
LeftyX

公式のJQueryUI実装 (jQueryのみではない)を使用してみましたか?

5
indra