在jquery对话框函数中动态调用javascript函数

时间:2012-10-22 10:02:05

标签: javascript jquery jquery-ui

当按下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按钮中。请告诉我。

由于

1 个答案:

答案 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>