当按下yes按钮时,我想在jQuery对话框中调用一个函数作为参数。我使用以下代码,但这不起作用。
function showYesNoAlertMsg(divId,optFunction){
//window[optFunction].apply(null, Array.prototype.slice.call(arguments, 2));
$('#'+divId).dialog('open');
$('#'+divId).dialog({
autoOpen: true,
width: 400,
height: 175,
modal: true,
resizable: false,
buttons: {
"Yes": function() {
window[optFunction].apply(null,
Array.prototype.slice.call(arguments, 2));
$(this).dialog("close");
},
"No": function() {
$(this).dialog("close");
}
}
});
}
function newfunc(a,b){
alert(a+'--'+b);
}
<input type="button" name="alert" id="alert"
onclick="showYesNoAlertMsg('boxDivId','newfunc','aaaaa','bbbbb');"/>
<div id="boxDivId">
hello
</div>
当我点击名为“alert”的按钮时,调用函数showYesNoAlertMsg
并且它显示id“boxDivId”的对话框,但是我想在yes按钮上调用名为“newFunc”的函数。我将此函数作为参数传递,但它在对话框属性中不起作用。如果我取消注释showYesNoAlertMsg
中的第一个注释行,此行正常工作并完美地调用函数“newFunc”。但同一行不在Yes按钮中。请告诉我。
由于
答案 0 :(得分:1)
在类似情况下,我曾使用过这样的方法:
function showYesNoAlertMsg(divId, optFunction, optFunctionParams) {
if (!$.isArray(optFunctionParams)) {
optFunctionParams = Array.prototype.slice.call(arguments, 2);
}
$('#' + divId).dialog({
autoOpen: true,
width: 400,
height: 175,
modal: true,
resizable: false,
buttons: {
"Yes": function () {
if (optFunction && typeof optFunction == "function") {
optFunction.apply(window, optFunctionParams || []);
}
$(this).dialog("close");
},
"No": function () {
$(this).dialog("close");
}
}
});
}
function newfunc(a, b) {
alert(a + '--' + b);
}
<input type="button" name="alert" id="alert" value="Click Me"
onclick="showYesNoAlertMsg('boxDivId', newfunc, ['aaaaa','bbbbb']);" />
如果你想使用arguments
,你需要将showYesNoAlertMsg
上下文中的值缓存到某个变量中,就像Yes
按钮的click事件处理程序一样,它已经是这个处理函数的参数< / p>