傳遞參數回調

Question

當我試圖傳遞參數的的addEventListener它的行爲異常

var animateFunction = function (i) { 
if (animBool) { 
    Fn.slideData(values(i)); // To fetch some data 
    util.animate.tweenAnimate(sliderWrapper, 0 , Math.ceil("-"+sliderWidth)); 
    animBool = 0; 
} else { 
    util.animate.tweenAnimate(sliderWrapper, Math.ceil("-"+sliderWidth) ,0); 
    animBool = 1; 
} 
}; 

for (i = 0; i < annotateArray.length; i++) { 
//To Remember the state of value "i" 
(function (i) { 
    //Custom Event Listener for fallback for IE 
    util.addEvent(annotateArray[i], "click", animateFunction(i), true); 
}(i)); 
} 

for (i = 0; i < annotateArray.length; i++) { 

    //Custom Remove Event Listener for fallback for IE 
    util.removeEvent(annotateArray[i], "click", animateFunction); 

} 

//Custom Bind Event Method 
util.addEvent = function (obj, evt, callback, capture) { 
    if (window.attachEvent) { 
     obj.attachEvent("on" + evt, callback); 
    } else { 
     if (!capture) { 
      capture = false; 
     } 
     obj.addEventListener(evt, callback, capture); 
    } 
}; 

我試圖動態綁定事件，所有的元素，但聞一點擊功能沒有按」的元素t表現如預期

Answer 1

你實際上將undefined作爲事件處理程序傳遞，而不是實際的回調。這裏：

util.addEvent(annotateArray[i], "click", animateFunction(i), true); 

您正在調用函數，該函數返回undefined。您必須將函數引用傳遞給addEventListener。你已經有了一些東西「在循環中記住'我'的價值狀態，但是你沒有正確使用它。它應該是：

for (i = 0; i < annotateArray.length; i++) { 
    //To Remember the state of value "i" 
    (function (i) { 
     // Custom Event Listener for fallback for IE 
     util.addEvent(annotateArray[i], "click", function() {animateFunction(i)}, true); 
    }(i)); 
}