レールでページをリロードした後に機能しない機能があります

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

3以下をTurbolinksように調整されますが、あなたはTurbolinks 5シムをダウンロードして、あなたはすでに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に。あなたが行うことができますRAILS 5ている場合

は：

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

    ...your javascript goes here... 

});