シンプルなCoffeeScriptとjQueryイベントの奇妙な問題

Question

イベントはワイルドカードセレクタでうまくいきますが、セレクタに特定のIDを使用すると失敗します。

これは動作します：

$("*").click -> 
    console.log "entered event." 
    $("#tellafriend").dialog 
    modal: true 
    buttons: 
     Ok: -> 
     $(this).dialog "close" 

をしかし、これはそうではない：

$("#tell-a-friend").click -> 
    console.log "entered event." 
    $("#tellafriend").dialog 
    modal: true 
    buttons: 
     Ok: -> 
     $(this).dialog "close" 

そして、私の関連HTML：

<ul class="actions"> 
    <li><a href="#">Home</a></li> 
    <li>|</li> 
    <li><a href="#" id="tell-a-friend">Tell a Friend</a></li> 
</ul> 

私は仕事に、このためのCoffeeScriptで何かが足りません？多分、jQueryセレクタはCoffeeScriptで書式が違うでしょうか？

これは私のアプリケーションがありますレンダリングのJavascript（ページを提供するときRailsはJSへのCoffeeScriptを変換）：

(function() { 

    $("#tell-a-friend").click(function() { 
    console.log("works"); 
    return $("#tellafriend").dialog({ 
     modal: true, 
     buttons: { 
     Ok: function() { 
      return $(this).dialog("close"); 
     } 
     } 
    }); 
    }); 

}).call(this); 

Answer 1

それはDOMが完全にロードされる前に、コードが実行されている可能性があります。 DOMが完全にロードされた後にクリックハンドラが適用されるように、ドキュメントレディハンドラでラップしてみてください。それは、body要素上でのみ実行される可能性があります。これは、スクリプトが実行された時点で利用可能な唯一の要素だからです。