jQueryとgrailsが動作しない

Question

私は非常に単純なgspページにボタンがあります。私はJQuery（プラグインではない）を使用して、邪魔にならないようにクリックイベントにアタッチしようとしています。しかし、grailsは私に何の愛も与えていない。 。

は、私はタグの後に（私のmain.gspの一番下にこれを持って

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 

私がボタンを持っているページの下部に次のコードを持ってあります。

<script type="text/javascript"> 

    //call out to the controller with the id of this listing and 
    //get back a json list of the last several bid amounts 
    // 
    $(document).ready(function(){ 
     alert("got here"); 
     bindControls(); 
     //getLatestBids(${listingInstance.id}); 
    }); 

</script> 

そして最後に、私は自分のjsファイルにこのコードを持っている：

bindControls= function(){ 
    alert("clicked me"); 
    $('#newBidButton').live("click", function(){ 
     alert("clicked me!"); 
    }); 
} 

私はクロムや放火魔を開き、THAを見ることができますすべてのjsファイルがロードされます。しかし、ボタンをクリックしても何も起こりません。また、私は$（document）.ready関数を起動することを期待していましたが、それは決して行いませんでした。誰でもアイデアがありますか？

ありがとうございます！

---

更新：トリックはなかった

<g:javascript> 
     $(document).ready(function(){ 
      bindControls(); 
      getLatestBids(${listingInstance.id}); 
     }); 
    </g:javascript> 

とマスターのheadタグの中に私のjqueryの輸入を動かす：

に私のスクリプトタグを変更します。

Answer 1

ページに矛盾するJavaScriptライブラリがある場合は、$をjQueryに置き換えてください。それが問題ソルバーなら、次のようにjQueryコードをラップできます。

function($) { 
    $(document).ready(function(){ 
     console.log("got here"); 
    }); 
}(jQuery)