2014-04-21 9 views
2

레일 4에 아약스를 사용하여이 양식을로드합니다. 내가 업데이 트를 클릭하면Select2 다중 값 : 새로 고침하는 방법

enter image description here

, 그것은 부분 뷰로드 : 문서로드 제대로 할 때 선택 2 레일 보석을 사용하여, 그것은 렌더링

enter image description here

을하지만 편집을 클릭하면, 스타일링은 표시되지 않습니다, 단지 기본 부트 스트랩 스타일이 나타납니다 :

enter image description here

첫 번째 이미지에서이 마지막 이미지에 select2 스타일을 표시하려면 어떻게합니까? 문서를 처음로드 할 때 select2 스타일이로드되는 방법과 관련이 있다고 생각하지만 솔루션을 고맙게 생각합니다.

$(document).ready(function(){ 
    $("#e9").select2(); 
}) 

답변

1

알렌 :

안녕하세요

나는 레일 4에서 비슷한 문제가 있었다 그것은 turbolinks와 함께해야했다 ... 그런데 다시 여기 아래에있는 내 스타일이다.

링크 : 당신의 JS 파일에서 http://guides.rubyonrails.org/working_with_javascript_in_rails.html#how-turbolinks-works

다음도 아래 단지 기능 아래의 두 명령을 추가, 아래의 함수 이름에 대한 문서가 준비 변경합니다. 터보 링크가 작동 중일 때 페이지가 처음에 올바르게로드되기 때문에 문제가 될 수 있습니다. 그러나 터보 링크가 작동 중이면 이전에로드 한 파일 만로드하여로드 프로세스를 빠르게하고 문서 준비 기능을 건너 뛸 수 있습니다. 이게 도움이되는지 알려주세요. (Jake - DBC).

var select2Gem = function(){ $("#e9").select2(); };

$(document).ready(select2Gem); $(document).on('page:load', select2Gem);

관련 문제