jquery Adresse wie verwenden Sie es?

Question

Ich versuche zu verstehen, wie Sie das jQuery Adress-Plugin für die Handhabung von Deep-Linking mit Ajax verwenden.

Aber die Dokumentation ist sehr schlecht und ich kann keine guten Tutorials finden, die erklären, was vor sich geht.

Ich denke, eine gute Dokumentation mit guten Beispielen ist bei jedem Plugin wichtig.

Kann jemand erklären oder nützliche Erklärungen geben?

$.address.change(function(event) { 
    // do something depending on the event.value property, e.g. 
    // $('#content').load(event.value + '.xml'); 
}); 
$('a').click(function() { 
    $.address.value($(this).attr('href')); 
}); 

Ich meine, was macht $.address.value? Es heißt "Stellt den aktuellen Deep-Linking-Wert zur Verfügung." Was bedeutet es überhaupt? Und was macht es damit?

Answer 1

Das Plugin scheint moderate Dokumentation zu haben, aber wenn Sie nach etwas ein wenig mehr in die Tiefe, das tut die gleiche Art von Dingen suchen, würde ich jQuery BBQ check out: http://benalman.com/projects/jquery-bbq-plugin/

Es ist $ Umsetzung .param wird in jQuery 1.4 eingefügt und die Implementierung von deparam ist derzeit das einzige, das das neue Format liest. Auch die Dokumentation ist großartig.

Answer 2

Eine schnelle tut .: Die größte Einschränkung der Verwendung von AJAX ist, dass die URL nicht ändert daher zurück Schaltfläche funktioniert nicht + Links werden nicht gecrawlt. Die Umgehung dafür besteht darin, den Anker des Seitenabschnitts in der URL zu verwenden, das # -Zeichen. Basierend auf den Daten nach dem hashsign können Sie AJAX verwenden, crawlable pageparts, etc. laden

Das einzige Problem dabei ist, dass die meisten Browser kein URL-Änderungsereignis haben, aufgrund dessen der AJAX-Inhalt geladen werden kann Praktisch, was das Plugin macht, ist, dass es von Zeit zu Zeit die URL überwacht und wenn es sich ändert, ein Ereignis auslöst, das auf den Nach-Hash-Zeichen-Parametern basiert. Also im Grunde, was Sie hier tun, ist

$('a').click(function() { 
    **//change the after-hash-sign-params to the value of the clicked link** 
     $.address.value($(this).attr('href')); 

    }); 
    $.address.change(function(event) { 
**//define an event handler based on the params...** 
     if (event.value = 'sortbyname') 
      sortstuffbyname() 
else if (event.value ='sortbysomethingelse') 
     sortstuffbysomethingelse(); 
     // do something depending on the event.value property, e.g. 
     // $('#content').load(event.value + '.xml'); 
    }); 

ich nie das andere Plugin versucht, aber Arbeitsprinzipien sind wahrscheinlich die gleichen.

Answer 3

Dieses Online-Tutorial gefunden, von dem ich denke, dass es hilfreich für uns war, die Verwendung von jQuery Address zu verstehen. Codebeispiele auch dort zur Verfügung gestellt. Es lohnt sich, einen Blick darauf zu werfen.

http://www.thetutorialblog.com/jquery/deep-linking-with-jquery/

Answer 4

zu finden bin ich auch heraus, wie JQuery-Adresse und die Chance auf dieser Website, die es ihre Parallaxe Website compliemnt verwendet zu verwenden.

Url: http://www.goodstuph.org/#/home

Hoffnung diese Hilfe in someway.