레일에서 페이지를 다시로드 한 후 일부 기능이 작동하지 않습니다.

Question

탐색 모음과 세로 막대가 있습니다. 탐색 모음에는 검색 상자, 사이드 바 최소화 버튼, 프로필 드롭 다운 상자 및 로그 아웃이 있습니다.

사이드 바에는 집이 있고, 주문에 대해 문의하고 있습니다.

내 썩은 페이지가 집에 있습니다. 루트 페이지를로드하면 일부 이미지가 표시되지 않습니다. 사이드 바에서 홈 링크를 클릭하면 표시됩니다. 드롭 다운 목록에서도 똑같은 일이 발생하며 페이지를 다시로드 한 후에도 작동하지 않습니다. jquery 플러그인도 사용하고 있습니다.

//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require_tree . 

내 문제를 해결하기 위해 추가해야하는 코드를 알려주십시오. 나는 레일에 처음 왔어. 고마워.
업데이트

<div class="table-responsive"> 
          <table class="table table-actions-bar m-b-0"> 
           <thead> 
            <tr> 
             <th></th> 
             <th>product Name</th> 
             <th>product status</th> 
             <th style="min-width: 80px;">Manage</th> 
            </tr> 
           </thead> 
           <tbody> 
            <% i =0 %> 
            <% @products.each do |products| %> 
            <% if i == 0 %> 
            <tr> 
             <td><span data-plugin="peity-bar" data-colors="#5fbeaa,#5fbeaa" data-width="80" data-height="30">5,3,9,6,5,9,7,3,5,2</span></td> 
             <td><img src="assets/products/iphone.jpg" class="thumb-sm pull-left m-r-10" alt=""> <%= product['productname'] %> </td> 
             <% if product['status'] != "buy" %> 
             <td><span class="text-custom"><%= product['status'] %></span></td> 
             <% else %> 
             <td><span class="text-danger"><%= produt['status'] %></span></td> 
             <% end %> 
             <td> 
              <a href="#" class="table-action-btn"><i class="md md-edit"></i></a> 
              <a href="#" class="table-action-btn"><i class="md md-close"></i></a> 
             </td> 
            </tr> 

이 데이터에 따라 그래프입니다 ..

Answer 1

가 먼저 jquery.turbolinks 보석을 사용하여 시도 적이 있습니까?

jQuery-turbolinks

세 이하를 Turbolinks에 맞게,하지만 당신은 Turbolinks 5 심 (shim)을 다운로드하고 당신은 이미 5

Turbolinks compatibility shim

Answer 2

당신이 $ (문서) .ready 호출에 JS 스크립트를 포장하지 않았기 때문에이 가장 가능성이 일어나고있다. 당신은 당신의 application.js 파일에 다시 turbolinks를 추가 한 다음 JS의 모든 페이지에서 스크립트를 래핑 할 수 다음과 같이 부하 전화 :

var ready; 
ready = function() { 

    ...your javascript goes here... 

}; 

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

페이지 : 앱 일부만 인해 가져올 때 부하가 발생합니다 turbolinks에.

당신이 레일 5 당신이 할 수있는 경우 :

$(document).on('turbolinks:load', function() { 

    ...your javascript goes here... 

});