Question

我已插入测试切换按钮（从演示中粘贴）

#menu1.dropdown
%a.dropdown-toggle{:'data-toggle' => "dropdown", :href => "#menu1"}
    Options
    %b.caret
%ul.dropdown-menu
    %li
        = link_to "Action", "#"
    %li
        = link_to "Another action", "#"
    %li
        = link_to "Something else here", "#"
    %li.divider
    %li
        = link_to "Separated link", "#"

显示按钮但所有选项均可见，并且根本没有切换

存在button-toggle.js插件（在资产中检查），我已经添加到我的应用程序js文件中

$(document).ready ->
    $('.dropdown-toggle').dropdown()

这很奇怪，因为在我的页面顶部，在导航栏中，我已经有一个下拉按钮来选择网站语言......这个工作正常......（同时显示语言和标记）

.btn-group{:style => "margin-top: 4px; float:right;"}
%a.btn{:'data-toggle' => "dropdown", :href => "#", :id => "babLocaleSelect"}
    %span.babFlag{:class => "babFlag-#{I18n.locale}"}= I18n.locale.to_s
    = I18n.t(I18n.locale)

%a.btn.dropdown-toggle{:'data-toggle' => "dropdown", :href => "#"}
    %span.caret

%ul.dropdown-menu.bablevel-content
    - other_backoffice_languages.each do |language|
        %li.babLocale
            %a{:href => backoffice_language_path(:locale => language), :id => "#{language}_language_link"  }
                %span.babFlag{:class => "babFlag-#{language}"}= I18n.t(language)
                = I18n.t(language.to_sym)

我也试过调试，插入

  $(".dropdown-menu").click (event) ->
     alert 'dd clicked'

这是由两个菜单触发的，所以它已经安装，但第二个是打开的，永远不会切换

Answer 1

与Twitter-bootstrap没什么关系..

我尝试在模板的其他位置移动切换按钮，首先在我的顶部导航栏中移动，因为第一个正在运行，此测试运行良好... 我把它放在模板的另一部分，结果相同：它运行...

所以我查看了用于此按钮的类：.pagination，这是Kaminari paginator也使用的类......我摆脱了这个类......它运行了!!

twitter-bootstrap下拉切换在显示屏上打开，不会切换

1 个答案: