当前位置: 首页 > 知识库问答 >
问题:

引导:在切换菜单中选择项目后,导航栏中的下拉框不会再次切换

荆城
2023-03-14

我有一个标准的测试导航栏从Bootstrap示例,但是使用active_links宝石导航栏=

当我点击“页面”时,下拉菜单打开,我可以点击第3页,(第4页,…)但在第3页,如果我再次点击“页面”,下拉菜单将不再切换。。。我必须单击另一个导航栏项目(关于,第1页或第2页),才能再次切换下拉列表

没有与导航栏相关的现有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吗?塔恩克求救

运行引导3/Rails 4

我在application.js评论

//需要涡轮链接

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

共有1个答案

杜砚
2023-03-14

所以,真正的答案在帖子中给出了:

Rails 4 TurboLink使表单多次提交

我没有注意到那个申请。js是从我的%body内部调用的,将其移动到%head,现在运行非常完美。。。

 类似资料:
  • 我实现了这个Bootstrap 3 Navbar折叠来改变Navbar折叠,但我有一个问题,在nav上的切换。 我为最小宽度:992px放入这个,使我的菜单悬停打开,而不是切换桌面大小。 我遇到的问题是,当我在sm大小中切换一个菜单项时。下拉菜单不会直接切换到下面。它会在右手边爆炸。我似乎找不到什么是css选择器,它直接放在下面,而其他项目“移开的方式” 这就是正在发生的事情 我要这个是SM号的

  • 本文向大家介绍js实现多选项切换导航菜单的方法,包括了js实现多选项切换导航菜单的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现多选项切换导航菜单的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 描述 (Description) 您可以将导航栏,可以让你在它们之间翻转,看起来像导航栏的选项卡。 例子 (Example) 下面的例子说明了如何使用从导航条Framework7开关突片 - <!DOCTYPE html> <html> <head> <meta name = "viewport" content = "width = device-width, initial-

  • 我注意到一个有趣的行为:当导航模式设置为时,如果我将手机置于横向模式,它会将选项卡转换为列表,并保留片断和列表项(以前是选项卡项)之间的关联,如何根据需要而不是根据方向变化实现此结果?

  • 我试图找出一个解决方案,在菜单项中有子菜单。我有2个下拉按钮(报告和视图)在菜单项是一个下拉项目本身。当我点击第一个按钮时,它会在下面显示子菜单,但是当我点击第二个下拉按钮时,它仍然会显示第一个子菜单项,而不是第二个子菜单项。我尝试使用btn-group对每个按钮进行分组,但当我这样做时,它会破坏按钮,当你点击按钮时,菜单就会消失。有什么建议吗?谢啦

  • 因此,我刚刚从bootswatch复制了navbar表单的代码片段,并直接导入了所需的JQuery、bootstrap css和js文件,如下面的代码片段所示。当浏览器调整大小时,它会做出响应,但当我单击按钮以获取导航栏的下拉菜单时,它会出现故障,不会下降并停留在那里,而是自动切换回原来的状态。 代码中没有任何调整或更改,它在bootswatch网站上运行良好,但这里没有。有人能解释一下原因并给出