JQuery 对话框：如何在按钮单击事件中查找单击的按钮

Question

我目前正在定义一个变量号。像这样的 jquery 对话框的按钮

    var buttonNames = buttonNamesString.split("|");
    var buttonsOpts = {};
    for (i = 0; i < buttonNames.length; i++) {
       buttonsOpts[buttonNames[i]] = function() { $(this).dialog("close");__doPostBack(postbackControlID, buttonNames[i]);}
    }

并像这样初始化对话框。 （注意行按钮：buttonsOpts。这就是我传递按钮变量数量的方式）

var parentElement = popupControl.parent();            
            popupControl.dialog({ 
                                autoOpen: false, 
                                modal: true,
                                buttons: buttonsOpts,                                
                                hide: "explode",
                                open:function(type, data){
                                    $(this).parent().appendTo(parentElement);  
                                    popupControl.css({visibility: "visible"});                                          
                                }  
                                });

问题是，当单击对话框中的按钮时，buttonNames[i] 在行中不返回任何内容，因为 i 已增加到其最大值。

function() { $(this).dialog("close");__doPostBack(postbackControlID, buttonNames[i]);}

我们可以像使用发送者对象一样从 Javascript 中的事件代码内部访问触发事件的对象吗在 .Net 事件中。这样问题就解决了。

我怎样才能克服这个问题？提前致谢。

Answer 1

问题是您在循环迭代变量上使用闭包。这应该通过改变索引的范围来解决。

for (i = 0; i < buttonNames.length; i++) {
       var index = i;
       buttonsOpts[buttonNames[index]] = function() { $(this).dialog("close");__doPostBack(postbackControlID, buttonNames[index]);}
    }

您的问题的较长答案是您正在生成全部引用相同数字变量i的函数。因此，在循环结束时，所有函数都设置为buttonNames.length。由于在buttonNames[buttonNames.length]处定义的数组中没有按钮，所以你会得到undefined。

注意：buttonOpts[buttonNames[index]] 中的临时变量不是必需的，它只是为了保持一致性