Twitter Bootstrap3 - 单击链接时使手风琴在不同页面上展开 [英] Twitter Bootstrap3 - Make An Accordion Expand On A Different Page When A Link Is Clicked

问题描述

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

I raised a question before about how to expand an accordion on a link click:

TwitterBootstrap 3 - 单击另一个手风琴中的链接时自动展开手风琴

我得到了解决方案，但现在我遇到了一个不同的问题，如何通过单击另一个页面上的链接在另一个页面上展开手风琴.

To which I got the solution for, but now I have a different issue, how do I expand an accordion on another page from clicking a link on another page.

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

I have tried various ways as shown below none seem to work:

 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>

推荐答案

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

This answer here answers your question:

Bootstrap Collapse - 打开给定的 id 片段

把任何一个放在你的 jQuery 或 JS 中

Put EITHER in your jQuery or JS

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

OR -- 不能同时进行

OR -- not both

// === 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 链接到折叠部分，就像您通常链接到锚点一样:

Then link to the collapsed section with the UNIQUE id like you would normally link to an anchor:

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

这篇关于Twitter Bootstrap3 - 单击链接时使手风琴在不同页面上展开的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！