YUI 事件实用程序问题

Question

我创建了一个按钮，单击时会激活备份功能。
我的问题是，在我单击此按钮之前就启动了备份。
我该如何解决这个问题？有什么想法吗？

这是我的代码（片段）：（

按钮）：（

                var oSaveCuratedQuery = new YAHOO.widget.Button({
                type: "button",
                label: "Save Query",
                id: "updateCuratedQuery",
                name: "updateCuratedQuery",
                value:  "updateCuratedQueryValue",
                container: idReq });

YAHOO.util.Event.addListener("updateCuratedQuery-button", "click", saveCuratedQuery(idReq, contentCurValue));

备份功能）：

function saveCuratedQuery (geneId,curatedText) {

            var handleSuccessGeneQueries = function(o){
                Dom.get('progress').innerHTML = "Data Saved...";
            }

            var handleFailureGeneQueries = function(o){
               alert("Save failed...")
            }

            var callbackGeneQueries =
            {
              success:handleSuccessGeneQueries,
              failure: handleFailureGeneQueries
            };


   var sUrlUpdate = "save.html?";
   var postData = 'key=saveCuratedQuery&value=gene_id==' +geneId+ '--cq==' +curatedText;

 var request = YAHOO.util.Connect.asyncRequest('POST', sUrlUpdate, callbackGeneQueries, postData);

        }

我也尝试： oSaveCueratedQuery.on("点击",saveCueratedQuery(idReq, contentCurValue));
但同样的问题！
在单击“保存”按钮之前备份已完成。

谢谢你的帮助。

Answer 1

addListener 的第三个参数应该是事件发生时运行的函数。

您将向其传递 saveCulatedQuery 的返回值。

var callbackSaveCuratedQuery = function (idReq, contentCurValue) {
    return function callbackSaveCuratedQuery () {
        saveCuratedQuery(idReq, contentCurValue);
    };
}(idReq, contentCurValue); // Use an anonymous closure function
                           // to ensure that these vars
                           // do not change before the click
                           // event fires.

YAHOO.util.Event.addListener("updateCuratedQuery-button", 
                             "click", 
                             callbackSaveCuratedQuery
                            );

请参阅https://developer.mozilla.org/en/A_re-introduction_to_JavaScript#Closures 如果你需要了解闭包。