确认对话框中的Jquery UI
问题描述:
如何将jQueryUI对话框实现为确认对话框?确认对话框中的Jquery UI
当前代码:
$("#formular_submit").button().click(function() {
var meinArray = []; //ein neues Array definieren für die <a href> links
var say = $("[value='1']:checked").length;
//Wenn kein Checkbox gesetzt ist, Fehler Meldung
if (say == 0) {
alert("Bitte waehlen Sie eine aus.");
return false;
}
//Wenn ein oder mehere gewählt...
if (say >= 1) {
$("[value='1']:checked").each(function() {
//Alle Links mit "Title" versehen sind, in link Variable
var link = $("a#links_jquery").attr('title');
//Alle Werte, die im "link" gespeicher sind, hängt man an das Array an(mit push Method)
meinArray.push(link);
});
//Ausgabe mit Return, mach das, ansonsten False
return confirm("Möchten Sie wirklich diese News löschen : " + meinArray);
}
return false;
}); //formular_submitFunction END
这是一个例子:http://jsfiddle.net/aldimeola1122/9MnGh/
我怎么能这样做?
在此先感谢。
答
要实现jQueryUI对话框作为确认,您需要取消提交按钮上的click
事件,并在提交表单的“确认”按钮上实施处理程序。
下面是一个例子(与updated fiddle看到它在行动):
$(document).ready(function() {
$("#formular_submit").button().click(function(e) {
var say = $("[value='1']:checked").length,
d = $('<div />'),
p = $('<p />'),
ul = $('<ul />'),
li = $('<li />');
//Wenn kein Checkbox gesetzt ist, Fehler Meldung
if (say === 0) {
d.append(p.clone().text('Bitte waehlen Sie eine aus.')).dialog({
"buttons": {
"schließen": function (e) {
$(this).dialog('close');
}
}
});
}
//Wenn ein oder mehere gewählt...
if (say > 0) {
$("[value='1']:checked").each(function() {
//Alle Links mit "Title" versehen sind, in link Variable
var self = $(this),
link = self.siblings('label').find('a.links_jquery').attr('title');
ul.append(li.clone().text(link));
});
//Ausgabe mit Return, mach das, ansonsten False
d.append(p.clone().text('Möchten Sie wirklich diese News löschen:')).append(ul);
d.dialog({
"buttons": {
"schließen": function (e) {
$(this).dialog('close');
},
"bestätigen": function (e) {
$(this).dialog('close');
$('form#meinFormular').submit();
}
}
});
}
e.preventDefault()
return false;
}); //formular_submitFunction END
});
而且,我提前道歉,如果我评为德国任何错误。我只知道谷歌翻译告诉我什么。 :)
感谢皮特,它的工作完美 – aldimeola1122