jQueryイベントを発生させるバインドイベント

Question

私は、第2の関数をonClickイベントにバインドするために、以下の最初の関数を呼び出しています。

奇妙なことは、最初の関数を呼び出すと2番目の関数が呼び出されるということです。

最初の関数の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（）の2番目の引数は関数である必要がありますが、関数を呼び出すことです。 JQueryは関数呼び出しを評価し、その結果をclickイベントにバインドしようとします。

javascriptエンジンは、匿名関数で関数呼び出しをラップすることで、ラッパー関数をイベントにバインドし、その内部の内容を評価しません。

次のコードを使用すると、上記のコードと同じことに気づくと便利です。

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

Answer 2

clickイベントが発生したときに呼び出される関数を渡す必要があります。あなたが持っていた方法では、関数をすぐに呼び出して、JQueryにその関数から返される値が何であれ呼び出すように指示していました。

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

Answer 3

バインドする必要はありません。 .clickが行います。