我使用的是 twitter-Bootstrap 2.04,而且我使用的是最新的 jQuery。 我正在尝试建立一个链接,该链接将从一页转到包含此 Accordion 的页面,然后激活适当的 Accordion 部分。 这是 Accordion :
<div class="accordion-group">
<div class="accordion-heading">
<a name="Alink1" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
<strong>Title</strong>
</a>
</div>
<div id="collapseOne" class="accordion-body in collapse" style="height: auto; ">
<div class="accordion-inner">
some random content
<div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a name="Alink2" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
<strong>Title 2</strong>
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse" style="height: 0px; ">
<div class="accordion-inner">
some random content 2
<div>
</div>
</div>
这是链接:
<a href="page.html/#Alink2">Link to some interesting stuff</a>
通常只链接到页面中的一个位就可以正常工作,我需要使用 Javascript 来激活它吗?
最佳答案
是的,您需要在页面加载时手动激活它。像下面这样的东西应该可以工作:
$(document).ready(function () {
location.hash && $(location.hash + '.collapse').collapse('show');
});
此外,正如@SaadImran 所指出的,这假定您链接到可折叠元素 ID(例如,#collapseTwo
)而不是 anchor 中的名称(例如,# Alink2
).
关于javascript - 从另一个页面链接到 Accordion 的一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12008389/