在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兼容垫片