gpt4 book ai didi

css - Bootstrap : my dropdown menu in navbar doesn't toggle again after item selection in toggled menu

转载 作者:行者123 更新时间:2023-11-28 12:21:12 29 4
gpt4 key购买 nike

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

当我点击“页面”时,下拉菜单打开,我可以点击第 3 页,(第 4 页,...)但是在 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中评论了

//需要turbolinks

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

最佳答案

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

Rails 4 Turbolinks make form submit multiple times

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

关于css - Bootstrap : my dropdown menu in navbar doesn't toggle again after item selection in toggled menu,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18847621/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com