2011-12-08 8 views
3

Rails 3.1.3 앱에서 위젯에 jQuery UI 자동 완성 기능을 도입하려고합니다. 내가 application.js에 jQuery를 UI를 포함 시켰습니다jQuery UI Autocomplete throw Uncaught TypeError : Object에 'autocomplete'메서드가 없습니다.

jQuery(function() { 
    return $("#location").autocomplete({ 
    locations.js:3 Uncaught TypeError: Object #<Object> has no method 'autocomplete' 
    source: ["foo", "food", "four"] 
    }); 
}); 

:

//= require jquery 
//= require jquery-ui 
//= require jquery_ujs 
//= require_tree . 

내 커피 스크립트가있다 그것은 무엇을하고 크롬 개발자 도구에서 스크립트를 검사에하지 않습니다, 나는 다음을 참조 다음 :

jQuery -> 
    $('#location').autocomplete 
    source: ["foo", "food", "four"] 

나는 무엇이 부족합니까!?

+0

jQuery 및 jQuery UI가 문서에로드되어 있습니까? 개발자 도구의 네트워크 탭을 확인하십시오. 문서 준비가 완료되면 $ ('# location'). autocomplete()를 호출 하시겠습니까? – anderssonola

+0

@soderslatt 예. jquery.js 다음에 jquery-ui.js가 표시되고 locations.js 앞에 다른 일부가 표시됩니다. "jQuery ->"는 문서를 준비합니다. – hgujral

+1

Prototype과 같은 다른 JavaScript 라이브러리를 포함합니까? jquery 충돌 문제 일 수 있습니다. 의견을 보내 주셔서 감사합니다 @ suod.jquery.com/jQuery.noConflict/ – anderssonola

답변

2

나는 active_admin을 가지고 있기 때문에 "// = require_tree."라고 밝혀졌습니다. 자동 완성 메서드를 제거하는 active_admin/vendor 경로에서 이전 버전의 jQuery를 추가하고있었습니다. "// = require_tree." 지금은 명시 적으로 "// = require locations"를 추가하고 잘 작동합니다.

+0

그냥 추가하면, 똑같은 일이 본격적으로 일어나지 만 WYMeditor를 사용하고 있기 때문에 이전 버전의 JQuery도 함께 제공되었습니다. –

+0

이 단계를 단계별로 설명해 주시겠습니까? 같은 오류가 발생하지만 부트 스트랩을 사용하고 있습니다. – Faizan

관련 문제