1

레일 애플리케이션에서 자동 완성 기능을 구현하려고합니다. 자동 완성 기능을 통과 한 배열을 인쇄 할 수 있습니다. 자동 완성 기능이 작동하지 않습니다.jquery 자동 완료 플러그인이 작동하지 않습니다.

내 컨트롤러 코드 :

def new 
@release = Release.new 
@names = User.all(:select => "name").map { |x| x.name } 
    respond_to do |format| 
    format.html # new.html.erb 
    end 
end 

내보기 코드 :

%td.grid.full_panels 
    -table_panel "Assign Testers" do 
     %table 
     %th Name 
     = form.label :tester_tokens, "Testers" 
     = form.text_field :tester_tokens 
:javascript 
    var data="#{escape_javascript @names.to_json}";  
= javascript_include_tag :defaults,:cache => true 

내 application.js 코드 :

$(document).ready(function() { 
alert (data); 
$('#release_tester_tokens').autocomplete(data); 
}); 
+0

당신이 파이어 폭스, 사파리 나 크롬에서 오류 콘솔을 확인 했 :

source 속성을 사용하여 데이터를 설정하려면? HTML 및 자바 스크립트 코드 만 게시 하시겠습니까? (대체로 http://jsfiddle.net에 대한 링크를 추가해야합니다) – reporter

+0

안녕하세요, IE에서 오류가 발생하지 않았습니다. – ramya

+0

"Show javascript error"(또는 이와 비슷한) 옵션을 활성화 했습니까? – reporter

답변

1

자동 완성 플러그인 실제로 옵션을 때와 객체 리터럴 예상 초기화 됨.

$(document).ready(function() { 
    alert (data); 
    $('#release_tester_tokens').autocomplete({ 
     source: data 
    }); 
}); 
+0

안녕 Diedier, 저에게 답해 주셔서 감사합니다. 만약 내가 데이터 변수를 로컬로 설정하면 수정 된 값을 주었다. data = "sramya", "scharron"]; 자동 완성이 진행 중입니다. 보기 파일을 통해 json 형식으로 전달하면 작동하지 않습니다. 제발 여기로 와줘. – ramya

+0

당신은'$ .parseJSON (data)'([documentation] (http://api.jquery.com/jQuery.parseJSON/))로 javascript 객체로 변환하기 위해 생성 된 JSON을 파싱 할 수 있습니다. –

+0

안녕하세요 Didier, 저는 코드를 $ .parseJSON (data); 알림 (데이터); $ ('# release_tester_tokens'). 자동 완성 ({원본 : 데이터}); 데이터는 [ "ann", "bob"]으로 표시됩니다. 여전히 자동 완성 기능이 작동하지 않습니다. – ramya

관련 문제