Ich versuche zu verstehen, wie man externen Inhalt in eine div
lädt und dann ein Akkordeon öffnet und zu dem darin enthaltenen Inhalt navigiert.Lade externen Inhalt in div und öffne Akkordeon
ich die folgende jQuery auf einem Click-Ereignisse mit HTML-Inhalt in ein div
mit id = "acd" zu laden:
$("#customers").click(function() {
$('#acd').load('includes/customers.html');
});
Innerhalb customers.html sind zwei Akkordeons, wo das erste Akkordeon (collapseOne) ist kollabiert, wie durch collapse
definiert, und das zweite (collapseTwo) wird erweitert, wie durch collapse in
definiert. Hier ist die Grundstruktur:
<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>
Mit grundlegenden Fähigkeiten, die ich versucht habe, die JavaScript zu ändern, so dass es sowohl die externen Inhalte #collapseOne lädt und öffnet das Akkordeon, aber es bleibt brach zusammen. Ich nehme an, dass customers.html vollständig geladen sein muss, bevor das Akkordeon erweitert werden kann, aber nicht sicher ist, wie das gehandhabt werden soll.
$('#customers').click(function() {
$('#acd').load('includes/customers.html#collapseOne').collapse("show");
});
Dank Synz, aber das ist ein bisschen anders, was ich suche. Dies schaltet den Inhalt in jedem Akkordeon mit externem Inhalt um. In meinem Szenario ändert ein Klick auf einen Link zuerst den Inhalt der Seite in HTML mit Akkordeons, dann brauche ich es, um das erste Akkordeon zu öffnen. – ajGold