【问题标题】:Bootstrap : my dropdown menu in navbar doesn't toggle again after item selection in toggled menuBootstrap:在切换菜单中选择项目后,导航栏中的下拉菜单不会再次切换
【发布时间】:2013-09-20 22:42:12
【问题描述】:

我有一个来自 Bootstrap 示例的“标准”测试导航栏,但是使用 active_links gem 导航栏 => 品牌 - 关于 - 第 1 页 - 第 2 页 - 页面(第 3 页 - 第 4 页 - 更多..)

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

// 需要涡轮链接

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

【问题讨论】:

    标签: css twitter-bootstrap navbar twitter-bootstrap-3


    【解决方案1】:

    如此真实的答案,在帖子中给出:

    Rails 4 Turbolinks make form submit multiple times

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-09-20
      • 2019-11-15
      • 2020-01-06
      • 2020-02-27
      • 2015-01-30
      • 2015-08-30
      相关资源
      最近更新 更多