【问题标题】:Twitter Bootstrap3 - Make An Accordion Expand On A Different Page When A Link Is ClickedTwitter Bootstrap3 - 单击链接时在不同页面上展开手风琴
【发布时间】:2014-10-06 16:54:42
【问题描述】:

我之前提过一个问题,关于如何在点击链接时展开手风琴:

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>

【问题讨论】:

  • 这些都不起作用,因为折叠在另一个页面上,您需要一个脚本。查看答案

标签: html twitter-bootstrap-3


【解决方案1】:

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

Bootstrap Collapse - open the given id fragment

在你的 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() { ... });

然后链接到带有唯一 id 的折叠部分,就像您通常链接到锚点一样:

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

【讨论】:

  • 这一次你是在帮助我之前帮助过的其他人(我回答了他们在这个问题中提到的问题)......赞成它;)哈哈!
  • @Christina 选择了第一个选项,效果很好。谢谢
猜你喜欢
  • 1970-01-01
  • 2011-10-11
  • 2019-01-19
  • 1970-01-01
  • 1970-01-01
  • 2021-12-22
  • 2019-08-26
  • 2013-02-06
  • 1970-01-01
相关资源
最近更新 更多