jQuery + Ajax Hash / Geschichte und mehr

Ich versuche in den Griff zu bekommen mit URL-hashes in jQuery zu Steuern, Geschichte in Ajax und stellen links /Seiten-Buch-beschreib. Ich habe versucht fast jeder plug-in gibt, und ich kann nicht scheinen, um überhaupt zu funktionieren, also ich habe keine code-Beispiele, wirklich. Aber ich bin offen für alle Anregungen, Informationen, tutorials, etc.

Den Unterschied auf einer der Seiten, die ich versuche zu integrieren, dies in ist, dass ich eine jQuery animation angetrieben splash/laden-Seite, die auch die gleiche Seite, die alle die Inhalte geladen werden.

..und auf diesen link, will ich die by-pass alle splash - /lade-animation und direkt laden Sie den Inhalt basierend auf dem hash-Werte /Strings (in diesem Fall #home).

Ich habe versucht, diese Figur ein für eine Weile, jede Hilfe wird sehr geschätzt, danke!

InformationsquelleAutor abysslogic | 2009-11-30

  1. 12

    Also, was haben Sie Probleme? Einstellung für den hash-tag oder Umgang mit Veränderung des hash?

    Natürlich werden die hashes ist einfach eine Frage der Umsetzung der hashes in links, zum Beispiel <a href="www.voidsync.com/2010/#page">Link</a> aber ich vermute, dass ist nicht Ihr problem.

    Um wirklich etwas zu tun mit dem hash, müssen Sie ein listener-Funktion, die prüft z.B. alle 100ms hat der hash geändert und entsprechend handelt. Eine einfache Funktion könnte so gehen: 

    $(function() {
    var current_hash = false;
    setInterval(function() {
        if(window.location.hash != current_hash) {
            current_hash = window.location.hash;
            $('#content').load("content.php?page="+current_hash);
        }        
    }, 100);    
});

    Dass die (ungetestete) Funktion würde prüfen, ob alle 100ms, wenn der hash verändert hat, und wenn, dann aktualisiert die Seite via Ajax.

    Diese Funktion funktioniert auch auf der Seite geladen, so dass, wenn der Benutzer landet auf der Seite mit einem link wie www.voidsync.com/2010/#images ist, wird die Funktion laden der Seite 'Bilder' automatisch. Also history und bookmarking funktioniert.

    Hoffe, das hilft, Fragen Sie einfach, wenn Sie meinten etwas anderes.

    ich habe ein bisschen re-Formulierung und zum laufen bekommen, funktioniert auch in jedem aktuellen browser und ich schaffte es, um es zu optimieren zurücksetzen der splash-laden, prost!
    tatsächlich, ein wenig mehr umschreiben, um die links bookmarkable und umgehen die Standard-splash-Seite, wenn die hash-Funktion festgelegt ist, nicht aber während der be-Animationen funktionieren.
    Dagegen die Buchung der rewrite-abysslogic?

    InformationsquelleAutor Tatu Ulmanen

  2. 1

    Basierend auf Tatu s Antwort, ich habe gerade ein paar Dinge, die machen diese Arbeit für mich.
    Es hält eine Geschichte, also zurück-und vorwärts-Tasten wirken gut.
    Hier ist, was ich habe,

    $(function() {
var current_hash = false;
setInterval(function() {
    if(window.location.hash != current_hash) {
        current_hash = window.location.hash;
            if(current_hash=='#home'){
                var month = '9';
                var year ='2011';       
                $.ajax({
                    type: "POST",
                    url: "/home.php",
                    data: "data+here",
                    success: function(msg){
                        $('#div').html(msg);
                    }       
                });                     
            }
            else if(current_hash=='#edit'){
                $.ajax({
                    type: "POST",
                    url: "/edit.php",
                    data: "data+here",
                    success: function(msg){
                        $('#div').html(msg);
                    }       
                });             
            }
    }        
}, 100);

    Dann weisen Sie einfach einige hash - um die links (href-Attribut;

                        <li><a href="#home">Home Page</a></li>
                <li><a href="#edit">Edit Page</a></li>

    Es ist nicht eine ganze umschreiben, nur grundsätzlich hat ein paar if-Anweisungen, um die gleiche Sache, aber es jemand kann helfen.

    InformationsquelleAutor David

Schreibe einen Kommentar