[英]jQuery UI dialog: How check what if user confirm or cancel the UI dialog.
我有這個代碼 :
HTML:
<div id="dialog-first"></div>
<div id="dialog-second"></div>
<div id="dialog-third"></div>
<div id="menu">
<ul>
<li id="first"><a href="#first">first</a></li>
<li id="second"><a href="#second" class="confirm">second (need confirm)</a></li>
<li id="third"><a href="#third" class="confirm">third (need confirm)</a></li>
</ul>
</div>
JavaScript第1部分:
$('li a.confirm').live('click', function (e) {
e.preventDefault();
var id = $(this).parent('li').attr('id');
$('#dialog-' + id).dialog({
dialogClass: 'ui-dialog-confirm',
buttons: {
"Confirm": function () {
/*window.location.href = $(this).attr('href');*/
$(this).dialog("close");
},
"Cancel": function () {
$(this).dialog("close");
}
}
});
});
JavaScript第2部分:
$('#menu li').each(function () {
var id = $(this).attr('id');
$('#dialog-' + id).on("dialogclose", function (event, ui) {
//How can I check what user clicked, Confirm or Cancel ???
//Is it possible
console.log(event);
});
});
如何檢查用戶單擊的是,確認還是取消???
如果可能的話,我只想更改Javascript part2。
將按鈕代碼的結構更改為:
buttons: [{
text: "Confirm",
click: function () {
$(this).dialog("close");
console.log('confirm')
}
}, {
text: "Cancel",
click: function () {
$(this).dialog("close");
console.log('cancel')
}
}]
然后,您可以輕松訪問每個按鈕的click事件。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.