0
我试图了解如何将外部内容加载到div
中,然后打开手风琴并导航到其中的内容。将外部内容加载到div并打开手风琴
我使用jQuery的下面上的点击事件HTML内容加载到id为“ACD”一div
:
$("#customers").click(function() {
$('#acd').load('includes/customers.html');
});
在customers.html客户有两个手风琴,其中第一手风琴(collapseOne)按照collapse
的定义折叠,第二个(collapseTwo)按照collapse in
的定义进行扩展。这是基本结构:
<div id="accordion" role="tablist">
<div>
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
Accordion One
</a>
</div>
<div id="collapseOne" class="collapse" role="tabpanel">
<div>
<p>Accordion One Content</p>
</div>
</div>
<div>
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
Accordion Two
</a>
</div>
<div id="collapseTwo" class="collapse in" role="tabpanel">
<div>
<p>Accordion Two Content</p>
</div>
</div>
</div>
基本技能我一直如此,这两种加载外部内容#collapseOne并打开手风琴修改的JavaScript,但它仍然崩溃。我认为customers.html需要在手风琴可以扩展之前完全加载,但不确定如何处理。
$('#customers').click(function() {
$('#acd').load('includes/customers.html#collapseOne').collapse("show");
});
感谢synz,但这与我所寻找的有点不同。这将切换每个手风琴内的内容与外部内容。在我的场景中,首先单击链接将页面上的内容更改为包含手风琴的html,然后我需要它打开第一个手风琴。 – ajGold