Következő bejegyzés URL betöltése címsorba - pushState()

Következő bejegyzés URL betöltése címsorba - pushState()
2014-11-16T14:30:22+01:00
2014-11-16T16:41:30+01:00
2022-12-01T20:30:38+01:00
Soisz
Sziasztok!

Következő lenne a problémám, amit nem tudok megoldani:

Adott egy wordpress blog, ahol csináltam egy "Előző cikk", "Következő cikk" lapozót, egy-egy onclick eseménnyel.
Így ajaxal változtatom a tartalmat. A problémám ott kezdődik, hogy az url-t is szeretném a tartalomhoz aktualizálni.

Ehhez egy kis utánajárás után a pushState()-et használnám...és itt jön a problma.
Ugyanis, miután lefut, nem lecseréli az aktuális url-t a következőre, hanem hozzáfűzi (http://valami.hu/aktuális/következő)
Nekem pedig így kellene: (http://valami.hu/következő/aktuális)

Mivel ezzel a problémával nem találkoztam se itt, se máshol, arra következtetek, hogy valamit alapjaiban szúrtam el.

És a kód:

<script> //curr_slug = window.location.pathname; function post_ajax_get(postID) { //console.log(curr_slug); var next_slug = $('#next-post a').attr('class'); var ajaxurl = 'http://kkm.projektek.eu/wp-admin/admin-ajax.php'; $.ajax({ type: 'POST', url: ajaxurl, data: {"action": "load-filter1", id: postID }, success: function(response) { window.history.pushState(null, null , next_slug); $("#proba").html(response); return false; } }); } </script> <a class="<?php echo ($next_post ->post_name); ?>" onclick="post_ajax_get('<?php echo ($next_post ->ID); ?>');" href="javascript:void(0);"><?php echo ($next_post->post_title); ?></a>
Mutasd a teljes hozzászólást!
Ha / jellel kezdődően adod meg (abszolút url), akkor az egészet lecseréli:
window.history.pushState(null, null , '/'+next_slug);

Tehát pl. ebből:
http://prog.hu/tudastar/182133/Kovetkezo+bejegyzes+URL+betoltese+cimsorba-pushState.html
ezzel:
window.history.pushState(null,null,'/valami');
ez lesz:
http://prog.hu/valami

/ jel nélkül (relatív url) csak az utolsó részt cseréli le.
Tehát az előző példából:
http://prog.hu/tudastar/182133/Kovetkezo+bejegyzes+URL+betoltese+cimsorba-pushState.html
ezzel:
window.history.pushState(null,null,'valami');
ez lesz:
http://prog.hu/tudastar/182133/valami
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd