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