복붙노트

[JQUERY] JQuery와는 레일 4 응용 프로그램에서 페이지 새로 고침에만로드된다

JQUERY

JQuery와는 레일 4 응용 프로그램에서 페이지 새로 고침에만로드된다

해결법


  1. 1.좋아, 내가 대답을 제공하는 문제를 충분히 이해하고 생각합니다. turbolinks를 사용하는 방법에 대한 것은 대부분의 플러그인 및 라이브러리 문서 준비 이벤트 정류장 바인딩이 페이지를 다시로드에서 turbolinks의 방지 때문에, 브라우저를 작동한다는 점이다. 이 이러한 문제를 해결하기 위해 트릭이 있지만, 그것을 해결하는 가장 쉬운 방법은 jquery.turbolinks을 사용하는 것입니다.

    좋아, 내가 대답을 제공하는 문제를 충분히 이해하고 생각합니다. turbolinks를 사용하는 방법에 대한 것은 대부분의 플러그인 및 라이브러리 문서 준비 이벤트 정류장 바인딩이 페이지를 다시로드에서 turbolinks의 방지 때문에, 브라우저를 작동한다는 점이다. 이 이러한 문제를 해결하기 위해 트릭이 있지만, 그것을 해결하는 가장 쉬운 방법은 jquery.turbolinks을 사용하는 것입니다.

    그것을 사용하려면, 당신의 Gemfile이 추가 :

    gem 'jquery-turbolinks'
    

    이것은 당신의 자산 / 자바 스크립트에 / 파일을 application.js :

    //= require jquery.turbolinks
    

    당신이 가서 잘되어야합니다.

    참고 : 당신은 정말 turbolinks를 사용할 필요가 없습니다,하지만 유용하고 더 빨리 전체 페이지 새로 고침을 피함으로써 요청을합니다. Turbolinks 당신이 AJAX를 통해 클릭 한 링크의 내용을 가져옵니다 때문에 자산을 다시로드의 오버 헤드 (JS 및 CSS)을 제거, 같은 페이지를 렌더링합니다. 그것으로 당신의 페이지 작업을하려고합니다. 이전 단락 I의 한에서 라이브러리를 사용하면 실제 문제가 없었다. 당신이 당신의 페이지에있는 더 많은 CSS와 JS, 더 큰 당신이 turbolinks를 사용하여 얻을 개선.


  2. 2.이안은 좋은 대답을했다,이 하나의 애드온 것과 종류 (SO 글을 쓰는 시점에서 사람이 실제로 주석 저를하지 않습니다.) 중 하나입니다

    이안은 좋은 대답을했다,이 하나의 애드온 것과 종류 (SO 글을 쓰는 시점에서 사람이 실제로 주석 저를하지 않습니다.) 중 하나입니다

    https://github.com/rails/turbolinks/#jqueryturbolinks에서 :

    Add the gem [gem 'jquery-turbolinks'] to your project, then add the following line to your JavaScript manifest file, after jquery.js but before turbolinks.js:
    
    //= require jquery.turbolinks
    

    내가 추가하지 않은 전에 조금 까다롭게 그래서, 목록에서 정확한 지점에서 jquery.turbolinks을 필요로한다. 그럼이 새로운 방식으로 추가 나는 그것이 잘 작동 바랍니다.


  3. 3.나는 모두 CodeWalrus의 이안의 답변을 다음까지 가지 작업을 얻을 수 있지만, 나를 위해 더 그것을 있었다 없습니다. jquery.turbolinks 추가 정보에 설명 된 바와 같이, 순서는 매우 구체적으로해야합니다.

    나는 모두 CodeWalrus의 이안의 답변을 다음까지 가지 작업을 얻을 수 있지만, 나를 위해 더 그것을 있었다 없습니다. jquery.turbolinks 추가 정보에 설명 된 바와 같이, 순서는 매우 구체적으로해야합니다.

    //= require jquery
    //= require jquery.turbolinks
    //= require jquery_ujs
    //
    // ... your other scripts here ...
    //
    //= require turbolinks
    

    당신은 속도 최적화 이유로 바닥 글에 응용 프로그램 자바 스크립트 링크를 넣어 경우, 여기에 설명 된대로 내가 가진로서 또한, 당신은 너무의 태그로 이동해야하는 <몸>의 내용 전에 그것을로드 꼬리표.


  4. 4.Turbolinks이 문제 here.Turbolinks이 솔루션의 작동을 가지고 webpage.I의 성능을 향상시키기 위해 레일에 추가된다

    Turbolinks이 문제 here.Turbolinks이 솔루션의 작동을 가지고 webpage.I의 성능을 향상시키기 위해 레일에 추가된다

    > 진정한 % <% = LINK_TO, '데이터 노 turbolink'= sampleform_path을 "새 양식 만들기 없다">을

    포어 자세한 내용은이 참조


  5. 5.이 코드 줄을 제거 :

    이 코드 줄을 제거 :

    //= require turbolinks
    

    그런 다음이 하나를 추가 :

    //= require jquery.turbolinks
    
  6. from https://stackoverflow.com/questions/17881384/jquery-gets-loaded-only-on-page-refresh-in-rails-4-application by cc-by-sa and MIT license