Twitter Bootstrap下拉菜單無法正常工作

Question

我試圖使用此菜單“ Bootstrap可折疊側邊菜單”，但某些功能無法正常使用。 有+號和-用於打開和關閉。 當我打開第一個菜單時+變為-必不可少，但是當我單擊第二個菜單時首先必須關閉並且-必須變為+ 。 我希望你明白我的意思。 這不能正常工作。 同樣，當我單擊第二個菜單時，名稱前面的圖標也會變為- 。

我試圖在jsfiddle中重新創建此菜單，但在那里不起作用。 不打開菜單，但您可以看到+和-符號發生的情況。 如果您單擊兩個鏈接，它們都帶有- 。

這是jsfiddle 。 我以前沒有使用過jsfiddle 。

Answer 1

看起來您只是忘了加載jquery，或者您在引導后加載了它。 如果正確加載，它可以正常工作。

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

http://jsfiddle.net/acidrat/BP6Wh/2/

檢查瀏覽器控制台中的錯誤消息。

編輯

好吧，現在我明白了。 您將不得不處理崩潰后觸發的Bootstrap崩潰事件。

 $('#menu-bar').on('shown.bs.collapse', function () {
             var currentlySelectedElement = $(this).find('.collapse.in');
             var targetAnchor = $('[data-target="#' + currentlySelectedElement.attr('id') + '"]');
             $('[data-target="#' + currentlySelectedElement.attr('id') + '"]').find("i.fa-plus").removeClass("fa-plus").addClass("fa-minus");
         });

         $('#menu-bar').on('hidden.bs.collapse', function () {
             var currentlyCollapsedElements = $(this).find('.collapsed');
             currentlyCollapsedElements.each(function () {
                 $(this).find('i.fa-minus').removeClass('fa-minus').addClass('fa-plus');
             });

         });

這里是更新的jsFiddle： http : //jsfiddle.net/acidrat/BP6Wh/5/