Hinzufügen von hash-tag um die aktuelle URL mit JQuery

Auf meiner Seite habe ich 3 Registerkarten setup mit diesem code zusammen mit einigen CSS -

<ul class="subnav" id="subnav">
    <li class="active"><a href="#subover">Overview</a></li>
    <li><a href="#subnews">News</a></li>
    <li><a href="#subgallery">Gallery</a></li>
    </ul>

Innerhalb der Registerkarte news, ich bin mit .laden, füllen es ab Seite arc.php und id=news.

 <div class="subcont" id="subnews">
   <script>
jQuery(document).ready(function ($) {
$('#subnews').append($('<div>').load('arc.php #news'));
});
</script> 
   </div>

Auf dem arc.php Seite, ich habe Neuigkeiten Beschreibungen mit links zu den Artikeln. Wenn der Artikel-link angeklickt wird. Ich will es zum laden in die subnews div. Ich mache das mit dieser.

<script>  

 jQuery(document).ready(function ($) {

$("#subnews").on("click", "a", function (e) { 
    $("#subnews").load($(this).attr("href"));
    e.preventDefault();
});
 });
</script>

Nun mein problem...

Wenn die news-Artikel geladen wird, wird die url nicht geändert, so bin ich nicht in der Lage zu verwenden, um zurück zu bekommen, zurück zu der news-Artikel Liste.

Ich habe die code-tracking-hash-tags, und es funktioniert, wenn ich von der Übersicht, News und Galerie. Ich kann es verwenden, um zurück zu gehen, zurück durch die Tabletten.

Gibt es eine Möglichkeit, fügen Sie einen hash-tag auf die url, wenn der Artikel angeklickt wird, um zu verwenden, tracking und können auf zurück klicken?

InformationsquelleAutor Andrew Tillman | 2013-06-11

  1. 5

    Ich würde vorschlagen:

    $("#subnews").on("click", "a", function (e) {
    var href = $(this).attr('href');
    $("#subnews").load(href);
    window.location.hash = href;
    e.preventDefault();
});

    Aber ich kann keinen Grund sehen, zu verwenden $(this).attr('href'), und persönlich verwenden, stattdessen:

    $("#subnews").on("click", "a", function (e) {
    var href = this.href;
    $("#subnews").load(href);
    window.location.hash = href;
    e.preventDefault();
});

    Referenzen:

    dies funktioniert gut für das hinzufügen eines hash. Die zurück-Taste immer noch nicht funktioniert obwohl. Ich vermute, es ist, weil der div-Inhalt wird entleert und ersetzt, und es gibt nichts zu tun, zurück. Gibt es eine Arbeit um für dieses? oder einen anderen Weg zu gehen?

    InformationsquelleAutor David Thomas

Schreibe einen Kommentar