在Rails中重新加載頁面后，某些功能不起作用

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

這很可能發生，因為您尚未將js腳本包裝在$（document）.ready調用中。 您可以將turbolinks添加回application.js文件，然后將所有js腳本包裝在page：load調用中，如下所示：

var ready;
ready = function() {

  ...your javascript goes here...

};

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

當由於渦輪鏈接僅獲取部分應用程序時，將觸發page：load。

如果您有RAILS 5 ，則可以執行以下操作：

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

  ...your javascript goes here...

});

Answer 2

您是否嘗試過首先使用jquery.turbolinks gem？

jQuery-渦輪鏈接

它是為Turbolinks 3或更低版本量身定制的，但是如果您已經跳轉到5，則可以下載Turb​​olinks 5填充程序並將其放入您的文件中。

Turbolinks兼容墊片