javascript - adminLTE 2.4.5 treeview 刷新后无法正常工作，仅在 rails 中工作

Question

版本列表:- * 轨道 5.2.2 * sass-listen (4.0.0) * sass 轨道 (5.0.7) * 链轮 (3.7.2) *链轮导轨(3.2.1) * 涡轮链接 (5.2.0) * turbolinks 源 (5.2.0)

我在 rails 5.2.2 版本中使用 adminLTE 2.4.5 版本。我正在加载的所有文件、 vendor 文件夹中的所有 adminLTE Assets 、所有 UI 都工作正常，但多级菜单的 TreeView 无法正常工作。

情况一:第一次工作或者手动刷新网页时。

案例 2:当它工作时，如果我点击菜单项的链接，链接将重定向到特定页面，但之后 treeview 再次不起作用，它甚至不会折叠。

下面是我的代码:

<aside class="main-sidebar">
  <section class="sidebar">
    <ul class="sidebar-menu tree" data-widget="tree">
      <li class="treeview">
        <a href="#"><i class="fa fa-wrench"></i> <span>Reminders</span>
           <span class="pull-right-container">
             <i class="fa fa-angle-left pull-right"></i>
           </span>
        </a>
        <ul class="treeview-menu">
          <li>
            <%=link_to "Service Reminders",service_reminders_path%>
          </li>
          <li><a href="#">Vehicle Renewals</a></li>
        </ul>
      </li>
   </ul>
 </section>
</aside>

工作菜单截图:

单击服务提醒链接后，它会重定向到特定页面，然后 treeview 停止工作

Answer 1

我遇到了同样的问题，turbolinks 与树菜单所需的 JavaScript Hook 不兼容。

要禁用 turbolinks:

从 app/assets/javascript/application.js 移除，

//= require turbolinks

并从 app/views/layouts/application.html.erb 中删除以下 turbolinks 引用，

<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

看起来像，

<%= stylesheet_link_tag    'application', media: 'all' %>
<%= javascript_include_tag 'application' %>

您还可以从 Gemfile 列表中删除 turbolinks gem。

然后您应该会发现您的树形菜单按预期工作。