Question

我有一个＆＃39;标准＆＃39;从Bootstrap示例测试导航栏，但是使用active_links gem navbar =＆gt;品牌 - 关于 - 第1页 - 第2页 - 第（第3页 - 第4页 - 更多..）

点击“＆＃39;页面＆＃39; ，下拉列表打开，我可以点击第3页，（第4页，...）但是如果我再次点击“页面”页面，那么在第3页中。下拉列表不再切换...我必须单击另一个导航栏项目（关于，Page1或Page2）才能再次切换下拉列表

没有与导航栏相关的现有css（标准Bootstrap3）

我的导航栏

%nav.navbar.navbar-default{:role => "navigation"}
/ -- Brand and toggle get grouped for better mobile display
.navbar-header
    %button.navbar-toggle{ :type => "button", :'data-toggle' => "collapse", :'data-target' => ".navbar-ex1-collapse"}
        %span.icon-bar
        %span.icon-bar
        %span.icon-bar
    = active_link_to "o-MobileServer", root_path, :class => "navbar-brand"

/ -- Collect the nav links, forms, and other content for toggling
.collapse.navbar-collapse.navbar-ex1-collapse
    %ul.nav.navbar-nav
        %li= active_link_to 'About', page_path("about"), :wrap_tag => :li
        %li= active_link_to 'Page1', page_path("page1"), :wrap_tag => :li
        %li= active_link_to 'Page2', page_path("page2"), :wrap_tag => :li

        %li.dropdown
            %a.dropdown-toggle{:'data-toggle' => :dropdown}
                = "Pages"   
                %b.caret
            %ul.dropdown-menu{:role => "menu"}
                %li= active_link_to 'Page3', page_path("page3"), :wrap_tag => :li
                %li= active_link_to 'Page4', page_path("page4"), :wrap_tag => :li
                %li= active_link_to 'Page5', page_path("page5"), :wrap_tag => :li
                %li.divider
                %li.nav-header
                    %b= "More Pages"
                %li= active_link_to 'Page6', page_path("page6"), :wrap_tag => :li
                %li= active_link_to 'Page7', page_path("page7"), :wrap_tag => :li

什么可能是错的？我应该添加一个特定的CSS吗？寻求帮助

运行Bootstrap 3 / Rails 4

我在application.js中评论过

//需要turbolinks

问题消失了......需要进一步调查

Answer 1

如此真实的回答，是在帖子中给出的：

Rails 4 Turbolinks make form submit multiple times

我没有注意到我的％body中调用了application.js 把它移到％头，现在运行得很好......

Bootstrap：在切换菜单中选择项目后，导航栏中的下拉菜单不会再次切换

1 个答案: