jQuery와 grails가 작동하지 않습니다.

Question

버튼이있는 아주 간단한 gsp 페이지가 있습니다. jQuery (Not Plugin)를 사용하여 클릭 이벤트에 눈에 띄지 않게 연결하려고합니다. 그러나 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!"); 
    }); 
} 

내가 크롬과 불을 지르고를 열고 그쪽을 볼 수 있습니다 t 모든 js 파일이로드됩니다. 그러나 버튼을 클릭해도 아무런 변화가 없습니다. 또한, $ (document) .ready 함수를 호출 할 것으로 예상했지만 결코 실행되지 않았습니다. 아이디어가있는 사람은 누구입니까?

감사합니다.

---

업데이트 : 트릭은 않았다

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

마스터의 헤드 태그에 내 JQuery와 수입 이동 :

내 스크립트 태그를 변경.

Answer 1

페이지에 충돌하는 JavaScript 라이브러리가있는 경우 을 jQuery으로 바꾸어보세요. 문제 해결사 인 경우 다음과 같이 jQuery 코드를 래핑 할 수 있습니다.

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