1
Ich lade HTML-Seiten auf einem Div und möchte vorherige/nächste Schaltfläche zur einfacheren Navigation erstellen. Was wäre der beste Weg, dies zu erreichen?Load vorherige/nächste URL mit jquery
Wie die Geige: https://jsfiddle.net/5vbc2vp6/6/ - grundsätzlich möchte ich die nächste div href Ziel und laden Sie es, wenn die vorherige/nächste Schaltfläche geklickt wird.
$(".iframe").on("click", function(e) {
e.preventDefault();
var $mylink = $(this).attr('href');
$("#myDiv").load($mylink);
});
$(".prev").on("click", function(e) {
e.preventDefault();
});
$(".next").on("click", function(e) {
e.preventDefault();
});
HTML
<a class="prev" href="#">Previous Entry</a> | <a class="next" href="#">Next Entry</a>
<p>
<div id="myDiv">
HTML loads here
</div>
</p>
<div class="entry designs">
<span class="number">1</span>
<a class="iframe" rel="design1" href="portfolio/automotive/page.html" caption="Design for Automotive company">
<img src="portfolio/automotive/thumb.jpg" alt="" border="0" width="200" height="150">
<span class="magnifier"><span class="tp-info"><span class="tp-color">Design</span> for Automotive company</span>
</span>
</a>
</div>
<div class="entry designs">
<span class="number">2</span>
<a class="iframe" rel="design2" href="portfolio/landing_page/page.html" caption="Landing page design">
<img src="portfolio/landing_page/thumb.jpg" alt="" border="0" width="200" height="150">
<span class="magnifier"><span class="tp-info"><span class="tp-color">Landing page</span> design</span>
</span>
</a>
</div>
<div class="entry print">
<span class="number">1</span>
<a class="iframe" rel="print1" href="portfolio/testobject/page.html" caption="Flyer design for TestObject">
<img src="portfolio/testobject/thumb.png" alt="" border="0" width="200" height="150">
<span class="magnifier"><span class="tp-info"><span class="tp-color">Flyer design</span> for TestObject</span>
</span>
</a>
</div>
Ich brauche dieses Stück zu ersetzen: 'var next = $ ('# e' + CurrentID) .html();' mit dem href nur (anstelle des gesamten div html) – lonewulf
versuche dies -> var next = $ ('# e' + currentId + '.entry .iframe'). attr ('href'); $ ('# myDiv .iframe'). Attr ('href', next); –
Das funktioniert, aber an meinem Ende, wenn ich durch die Elemente browse geht es nie zurück zum ersten -> (div id = "aktuelle") – lonewulf