Rails 下拉菜单不起作用/哈希 link 不起作用？也许 turbolink 错误？

Question

我有一个名为 information 的下拉菜单，它在第一次点击加载时起作用...但是当我切换到另一个页面并尝试加载下拉菜单时，它不起作用。有什么想法吗？

http://www.sonomaproud.com/

"Information page"有下拉菜单。

这是我的 html:

<div class="ma-subnav__item" data-turbolinks="false">
            <div class="content" data-turbolinks="false">                                        
                <ul class="normal-ul" data-turbolinks="false">
<li class="dropdown" data-turbolinks="false">
  <a href="#" data-turbolinks="false" class="link-reset" data-toggle="dropdown">Information <i class="icon-arrow"></i></a>
  <ul class="dropdown-menu" data-turbolinks="false">
    <li><%= link_to "Why", welcome_why_path, class: "link-reset" %></li>
    <li><%= link_to "How", welcome_how_path, class: "link-reset" %></li>
    <li><%= link_to "Resources", welcome_resources_path, class: "link-reset" %></li>
    <li><%= link_to "Contact Us", welcome_feedback_path, class: "link-reset" %></li>
  </ul>
</li></ul>
            </div>
        </div>

我的css没问题：

切换页面时不会加载！

Answer 1

您似乎只在第一个页面加载时应用了下拉行为。您需要在 turbolinks:load

上应用该行为

$(document).on('turbolinks:load', function () {
  var dropdown = document.querySelectorAll(".dropdown");
  // … the rest
})

您不需要 data-turbolinks 属性。

Rails 下拉菜单不起作用/哈希 link 不起作用？也许 turbolink 错误？

Rails Dropdown menu not working / hash link not working? Maybe turbolink error?

jquery

ruby-on-rails

turbolinks