Question

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

Twitter Bootstrap 3 - Auto Expand An Accordion When A Link Clicked In Another Accordion

我得到了解决方案，但现在我遇到了另一个问题，如何通过点击另一页上的链接在另一页上扩展手风琴。

我尝试了各种各样的方法，如下所示似乎没有用：

 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>

Answer 1

这里的答案回答了你的问题：

Bootstrap Collapse - open the given id fragment

将EITHER放入jQuery或JS

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

或 - 不是两个

// === 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>

Twitter Bootstrap3 - 单击链接时，在不同的页面上展开手风琴

1 个答案: