Rails 下拉菜单不起作用/哈希链接不起作用？也许涡轮链接错误？

Question

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

http://www.sonomaproud.com/

“信息页面”有下拉菜单。

这是我的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 属性。