6

私は自分のサイトで Bootstrap を使用しており、一部のページ コンテンツにアコーディオン (折りたたみ) を追加しました。

正常に動作しますが、少なくとも 1 つのパネルを常に開いておきたいと考えています。

現在、パネルは常に開閉を切り替えます。以下の例を参照してください。

http://twitter.github.com/bootstrap/javascript.html#collapse

誰かがこれに対する回避策を見つけましたか?

これは、私の現在の実装に似たBoostrapサイトのコードです(データ属性を使用して初期化しています):

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Collapsible Group Item #1
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
        Collapsible Group Item #2
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>

4

3 に答える 3

2

この質問に対する解決策: Twitter Bootstrap Accordion で 1 つのグループを開いたままにするにはどうすればよいですか?

他の解決済みの質問を指摘してくれた @aron.lakatos に感謝します。質問は同じですが、解決された質問は、この質問の数週間後に尋ねられました:)

于 2013-04-20T17:50:19.580 に答える
1

http://jsfiddle.net/SMT9D/61/

$('.accordion-toggle').on('click',function(e){
    if($(this).parents('.accordion-group').children('.accordion-body').hasClass('in')){
        e.preventDefault();
        e.stopPropagation();
    }
});

ページにスクロールがある場合は、HTML アンカーのデフォルトの動作を防ぐために追加する必要がありますe.preventDefault(); #

于 2014-03-21T12:39:33.757 に答える
0

誰かがアクティブなグループをクリックしたときに Bootstrap が何もしないようにする必要があります。

これを処理する関数については、bootstrap-collapse.js で検索してください。

http://twitter.github.com/bootstrap/javascript.html#collapse > Usage > Optionsを見たことがありますか?

于 2013-03-08T21:02:46.717 に答える