可能性のある複製:
jQueryを使用した[はい]または[いいえ]の確認ボックス
ここでは、jQueryの標準確認ダイアログの置き換えに関する多くの例を参照していますが、それらのいずれも理解していません。
JQueryまたはjQueryUIを使用して確認ダイアログをポップアップする場合。どうすればそれができ、ユーザーがクリックしたボタンを取得できますか?
alert("Something!");
コマンドのような確認ダイアログを設定する簡単な方法が必ずあるはずです。
2つのボタンを追加し、yes
またはno
にコールバック関数を設定しますか?
これを試して
$('<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();
}
});
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");
});
公式のJQueryUI実装 (jQueryのみではない)を使用してみましたか?