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 #!
Odpowiedz
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
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".
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.
wystarczy podać swój
<script type="text/javascript" src="https://raw.github.com/binarymind/jquery-navigate/master/navigate.js" ></script>
i
<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
- 1. Nawigacja URL w witrynie opartej na AJAX?
- 2. Nawigacja Anaconda BARDZO powolna
- 3. QUnit: Jak przetestować ajax połączeń bez modyfikowania wywołanie ajax
- 4. iPad: Nawigacja UIPageViewControllerOrientacja
- 5. Nawigacja WPF Caliburn.Micro/mvvm
- 6. Automatyczna pełna nawigacja VIM
- 7. Nawigacja oparta na rolach
- 8. Nawigacja Breadcrumb dla kakao
- 9. kątowa rozwijane nawigacja
- 10. Dynamiczna nawigacja JQuery Mobile
- 11. Nawigacja klawisza karty WPF
- 12. Nawigacja z App.xaml.cs
- 13. Sowa karuzela zewnętrzna nawigacja
- 14. Jquery: Bieganie AJAX lokalnie bez serwera WWW
- 15. Jak wykonać wywołanie AJAX bez jQuery?
- 16. Połączenie AJAX niszczy sesję bez wyraźnego powodu.
- 17. AJAX: Złożenie formularza bez odświeżania strony
- 18. Nawigacja fragmentów Androida i backstack
- 19. (Wicket) Zmień widoczność podczas odpowiedzi ajax ajax
- 20. Nawigacja Cocoa WebView biały flash
- 21. Windows Phone 8.1 - Nawigacja strony
- 22. Równoległobok nawigacja tła z CSS
- 23. Jak działa nawigacja wewnętrzna Google?
- 24. VIM nawigacja w trybie wstawiania
- 25. Nawigacja po skręcie w iOS 7
- 26. Nawigacja klawiszem Tab w JavaFX TextArea
- 27. naciśnięcie klawisza jQuery w lewo/prawo nawigacja
- 28. Siatka z RowSpacing (Xamarin Forms) i nawigacja
- 29. Zend Framework 2 Nawigacja Sub-Sub menu
- 30. ios - Nawigacja między wieloma sterownikami NavigationControllers
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. –