Twitter引导程序3-点击链接时,在不同的页面上展开Accordion



我之前提出了一个关于如何在链接点击上展开手风琴的问题:

Twitter Bootstrap 3-当链接在另一个Accordion 中点击时自动扩展Accordi翁

对此,我找到了解决方案,但现在我有一个不同的问题,我如何从单击另一个页面上的链接扩展另一个网页上的手风琴。

我尝试了各种方法,如下所示,似乎都不起作用:

 1. <a class="collapsed" href="[PATH NAME]/#" data-toggle="collapse"
    data-target="#collapseTwo">Test</a>
 2. <a class="collapsed" href="#" data-toggle="collapse"
    data-target="[PATH NAME]/#collapseTwo">Test</a>
 3. <a class="collapsed" href="[PATH NAME]" data-toggle="collapse"
    data-target="[PATH NAME]/#collapseTwo">Test</a>

这里的答案回答了您的问题:

Bootstrap Collapse-打开给定的id片段

将任一项放入jQuery或JS

// === opens a collapse from a url
location.hash && $(location.hash + '.collapse').collapse('show');

OR——不是两个

// === opens a collapse from a url
var anchor = window.location.hash.replace("#", "");
$(".collapse").collapse('hide'); // REMOVE THIS it and it will work more smoothly
$("#" + anchor).collapse('show');

后者需要一个加载函数。$(document).ready(function() { ... });

然后用UNIQUE id链接到折叠的部分,就像通常链接到锚点一样:

<a href="thepage.html#uniqueID">Link text</a>

最新更新