jQuery綁定事件觸發事件

Question

我在調用下面的第一個函數來將第二個函數綁定到onClick事件。

奇怪的是，調用第一個函數會導致第二個函數發射。

第一個函數中的LinkName參數是表td元素的名稱 - 可能不相關。

function EnableExpand(LinkName, i) { 
    $(LinkName).addClass("link-text"); 
    $(LinkName).bind("onclick", ExpandFrame(LinkName, i)); 
} 

function ExpandFrame(lName, i) { 
    $("#mapFrame" + i).attr({ height: 500, width: 800 }); 
} 

Answer 1

問題是，.bind（）的第二個參數應該是一個函數，但是您正在調用一個函數。 JQuery計算函數調用並嘗試將結果綁定到click事件。

通過將函數調用包裝在匿名函數中，如所建議的那樣，javascript引擎會將包裝函數綁定到事件上，而不會評估其中的內容。

$(LinkName).click(function() { ExpandFrame(LinkName, i) }); 

認識到使用以下內容等同於上面的代碼可能會有幫助。

$(LinkName).click(function() { ExpandFrame(LinkName, i) }()); 

Answer 2

您需要傳遞一個將在點擊事件發生時被調用的函數。您擁有它的方式，您立即調用該函數，並告訴JQuery調用該函數返回的任何值。

$(LinkName).bind("click", function() { ExpandFrame(LinkName, i); }); 

Answer 3

你不需要綁定。 .click會做。

$(LinkName).click(function() { ExpandFrame(LinkName, i) });