Nawigacja Ajax bez #!

Zauważyłem, że strony takie jak http://hypem.com, które jest pełną stroną ajax, zdążyły już zgubić ich #! adresy URL ajaxów, ale utrzymywały pełną stronę ajax. Jak to jest możliwe?Nawigacja Ajax bez #!

Źródło

2011-06-22 wilsonpage

Można to zrobić z history.pushState, tylko w porządnych przeglądarek chociaż;)

https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history

Oto plugin jQuery z awaryjnej dla starszych przeglądarek do adresu URL hashed: http://plugins.jquery.com/project/history-js

Źródło

2011-06-22 10:07:53 fijter

Więc to nie spowoduje zmiany adresu URL w taki sam sposób, w jaki byłoby to window.location? Nie odświeżysz strony? – wilsonpage

@pagewil: taki jest pomysł. 'pushState()' pozwala modyfikować adres URL strony bez ponownego ładowania. –

Niektóre nowoczesne przeglądarki obsługują history.pushState().

Jeśli jednak chcesz obsługiwać starsze przeglądarki, które wciąż są popularne, powinieneś użyć funkcji "hash".

Źródło

2011-06-22 10:08:01 alex

HTML5 ma nowy interfejs API historii. Wersja demo jest dostępna pod tym adresem URL.

https://github.com/browserstate/history.js ma bardzo dobre poparcie dla tego. Również history.js jest w stanie z jQuery, mootools itp. I obsługuje również przeglądarki HTML4.

Źródło

2012-03-13 03:15:58

wystarczy podać swój

<script type="text/javascript" src="https://raw.github.com/binarymind/jquery-navigate/master/navigate.js" ></script>

<script type="text/javascript" 
$(document).ready(function() { 
    $.navigate.init(); 
}); 
</script>

po to, aby jQuery (1.7+) w <head> i plugin Ajax nawigacja automatycznie na swojej stronie.

dla każdej większej personalizacji, doc lub odpowiedzi można przejść na github https://github.com/binarymind/jquery-navigate

nadzieję, że to pomaga.

bastien

Źródło

2013-04-29 16:09:09 bastien

Nawigacja Ajax bez #!

Odpowiedz

Powiązane problemy