0

テストトグルボタンを挿入しました（デモから貼り付けました）

#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'

これは両方のメニューによってトリガーされるため、インストールされますが、2番目のメニューは開いており、トグルすることはありません

4

1 に答える 1

0

Twitterブートストラップに関連するものは何もありません..

トグルボタンをテンプレートの他の場所に移動しようとしましたが、最初のナビゲーションバーが実行されているため、最初に上部のナビゲーションバーに移動しましたが、このテストはうまく実行されます...テンプレートの別の部分に配置すると、同じ結果になります:それ走る...

そこで、このボタンに使用されているクラスを調べました: .pagination は、Kaminari paginator でも使用されているクラスです ... このクラスを取り除きます ... 実行します !!

于 2012-12-14T15:06:26.600 に答える