[英]Where are the arguments to the jQueryUI Dialog submit handler coming from?
看下面的代码:
this.dialog({
width: 500,
height: 260,
title: "Setup database",
content: $("<form>").append(table),
buttons: {
submit: function(_alert, dialog) {
dialog.find("form").each(function() {
var arr = $(this).serializeArray();
var data = {
mysql: true
};
var empty = false;
$(this).find("input").removeClass("error");
for (var k in arr) {
if ($.trim(arr[k].value) !== "") {
data[arr[k].name] = arr[k].value;
} else {
empty = true;
$(this).find("input[name='" + arr[k].name + "']").each(function() {
$(this).addClass("error");
});
break;
}
}
if (!empty) {
self.ajax({
url: url,
data: data
}, function(result) {
callback(result);
}, function() {
self.mysql(url, callback, _db_name, _db_user, _db_pass, is_dialog);
});
}
_alert.remove();
if($.isFunction(callback_submit)) {
callback_submit();
}
});
}
}
});
有两个传递到匿名函数中的参数,应该在单击“提交”按钮时触发。 但是我不知道这些参数应该从哪里来。 有人可以解释吗? 一般而言,这与将参数传递给匿名函数有关吗?
我认为在jquery-ui对话框上触发按钮事件回调时,您不会传递任何参数给您
http://jsfiddle.net/3d7QC/1577/
buttons: {
"I've read and understand this": function() {
console.log(arguments);
// look at your console
$(this).dialog("close");
}
唯一传递给您的参数是常规jQuery事件对象。
第一个参数_alert
是JS事件对象,该对象传递给JavaScript中的每个事件处理程序。 这并非特定于jQuery。 javascript.info对此进行了如下解释 :
W3C方式
遵循W3C标准的浏览器始终将事件对象作为处理程序的第一个参数传递。
例如:
element.onclick = function(event) { // process data from event }
在jQueryUI API参考中,他们确认我
指定应在对话框上显示哪些按钮。 回调的上下文是dialog元素; 如果需要访问按钮,则可以将其用作事件对象的目标。
我用小提琴说明了这一点 。 但是,不确定第二个参数(在您的情况下为dialog
)的作用。 它没有在我的示例代码中传递。
单击时,只传递一个参数来提交,这是按钮本身的事件对象。 因此,上下文集就是“提交”按钮,如果您需要访问对话框并对其进行修改,则可以通过访问event.target属性来实现。
this.dialog({
buttons: {
submit: function(event) {
$(event).dialog('close'); //is the same as...
$(this).dialog('close');
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.