jquery in railsはクリックイベントを認識しません

Question

jQueryをRailsで使用するのが初めてで、クリックまたはホバーイベントで認識されるdivを取得できません。 coffeescriptも使用しますが、コンパイルはうまくいきます。 divはChromeデベロッパーツールの要素ウィンドウによく見えますが、console.logはコンソールウィンドウに表示されません。私_form.html.hamlの

部分

.field 
    = f.label :question 
    = f.text_field :question 
%p Click the plus sign to add answers. 
.field#answerone 
    = f.label :answers 
    = f.text_field :answers 
#plusanswer 
    = image_tag("plusWhite.png", :alt => "plus sign") 

.actions 
    = f.submit 'Save' 

のCoffeeScript：

$("#plusanswer").click -> 
    console.log("here we are") 
    $("#answerone").clone().appendto() 

コンパイルのjavascript：

(function() { 

    $("#plusanswer").click(function() { 
    console.log("here we are"); 
    return $("#answerone").clone().appendto(); 
    }); 

}).call(this); 

は、私は物事をめちゃくちゃIMAGE_TAGをやっている方法です？

Answer 1

私はSergioが彼のコメントで正しいと信じています。あなたのJSがページのマークアップの前に来る場合、その要素が存在する前にセレクタ$(#plusanswer')が実行されます。あなたはこの問題を解決するには、コード

console.log $('#pluganswer').length 

でこれを確認することができ、そのように、jQueryのドキュメント準備ラッパーでコードをラップ：これは少し魔法のように見えますが、ここではそれがどのように動作するかだ

$ -> 
    # the rest of your code goes here 

：とき関数をjQueryオブジェクト$に渡すと、documentの "準備完了"イベントが発生した後にのみ、その関数が実行されます。あなたのコードがあなたのマークアップに先行すると仮定すると、あなたはこの振る舞いを得なければなりません：

console.log $('#pluganswer').length # 0 
$ -> 
    console.log $('#pluganswer').length # 1, because the page's markup is loaded