Диалог подтверждения JQuery
Возможный дубликат:
Да или нет флажка подтверждения с помощью jQuery
Я вижу здесь много примеров о замене стандартного диалогового окна подтверждения jQuerys, но не понимаю ни одного из них.
Если я хочу открыть диалоговое окно подтверждения с помощью jQuery или jQueryUI. Как я могу это сделать и получить какую кнопку нажал пользователь?
Конечно, должен быть простой способ настроить диалог подтверждения, например команду alert("Something!");
.
Добавьте к нему две кнопки и установите функцию обратного вызова на yes
или no
?
Ответы
Ответ 1
Попробуйте этот
$('<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();
}
});
Fiddle
Ответ 2
Вы можете использовать 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");
});
Ответ 3
Вы пробовали использовать официальную реализацию JQueryUI (а не только jQuery):?