0

我有一个来自 Bootstrap 示例的“标准”测试导航栏，但是使用 active_links gem navbar => Brand - About - Page1 - Page2 - Pages ( Page3 - Page4 - more..)

当我点击 'Pages' 时，下拉菜单打开，我可以点击 Page3, (Page4, ...) 但在 Page3 中，如果我再次点击 'Pages' 下拉菜单不再切换......我必须点击在另一个导航栏项目（ About、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 中评论

// 需要涡轮链接

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

4

1 回答 1

0

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

Rails 4 Turbolinks 使表单提交多次

我没有注意到 application.js 是从我的 %body 中调用的，将它移动到 %head，现在运行完美......

于 2013-09-20T13:04:40.110 回答