20

3つの部分でBootstrapが崩壊することを想像してください

<div class="panel-group" id="accordion">
    ...
    <div id="accordionOne" class="panel-heading"></div>
    ...
    <div id="accordionTwo" class="panel-heading"></div>
    ...
    <div id="accordionThree" class="panel-heading"></div>
</div>

プラグインが特定のHTTP フラグメント識別子を開くようにする簡単な方法はありますか?

http://myproject/url#accordionTwo2 番目のアコーディオンを開く例

4

4 に答える 4

36 
$("#accordionTwo").collapse('show');

指定された HTTP フラグメント識別子を開くには、次を試してください。

$(document).ready(function() {
    var anchor = window.location.hash;
    $(".collapse").collapse('hide');
    $(anchor).collapse('show');
});

編集：

コメントで bart が指摘しているように:.collapseビューポートがxs.

于 2012-11-16T08:20:29.577 に答える
8

この行は正しいハッシュを開きます

location.hash && $(location.hash + '.collapse').collapse('show');
于 2013-01-13T23:58:27.240 に答える
5

少し小さくてコンパクトなさらに別のソリューション：

$(document).ready(function() {
  var anchor = window.location.hash;
  $(anchor).collapse('toggle');
});
于 2015-01-14T10:56:44.977 に答える
2

ハッシュルーティングを非常にシンプルかつ迅速に実装するには、Routieのようなものを試すことができます

routie({
    accordionOne: function() {
        $('#accordionOne').collapse('show');
    },
    accordionTwo: function() {
        $('#accordionTwo').collapse('show');
    },
    accordionThree: function() {
        $('#accordionThree').collapse('show');
    }
});
于 2012-11-16T08:39:05.553 に答える