Einige Funktionen funktionieren nicht nach dem Laden der Seite in Schienen

Question

Ich habe eine Navigationsleiste und Sidebar. In der Navigationsleiste habe ich ein Suchfeld, eine Schaltfläche zum Minimieren der Seitenleiste, eine Dropdown-Box für das Profil und ein Logout.

In der Seitenleiste habe ich zu Hause, über, Bestellungen und kontaktieren Sie uns.

Meine rote Seite ist zu Hause. Nach dem Laden der Root-Seite werden einige Bilder nicht angezeigt. Es wird nach dem Klicken auf den Home-Link in der Seitenleiste angezeigt. Dasselbe gilt für die Dropdown-Liste und funktioniert auch nicht nach dem erneuten Laden der Seite. Ich benutze auch jquery plugins.

Bitte helfen Sie mir mit welchen Code ich hinzufügen muss, um mein Problem zu lösen. Ich bin neu bei Schienen, danke.
aktualisieren

<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> 

dieser Graph ist für Daten nach ..

Answer 1

Haben Sie versucht, die jquery.turbolinks Juwel unter Verwendung eines ersten?

jQuery-turbolinks

Es ist zugeschnitten 3 oder niedriger Turbolinks, aber Sie können die Turbolinks 5 Shim downloaden und in Ihre setzen, wenn Sie bereits den Sprung 5.

Turbolinks compatibility shim

Answer 2

Dies wird höchstwahrscheinlich passiert, weil Sie Ihre js Skripte in einem $ (document) .ready Anruf nicht umgebrochen haben. Sie können turbolinks zurück zu Ihrer application.js Datei hinzufügen und dann alle Ihre js Skripte in einer Seitenumbruch: load Aufruf wie folgt:

var ready; 
ready = function() { 

    ...your javascript goes here... 

}; 

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

Die Seite: load wird ausgelöst, wenn nur ein Teil Ihrer App durch geholt wird zu Turbolinks.

Wenn Sie RAILS 5 haben, können Sie tun:

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

    ...your javascript goes here... 

});