2010-06-03 23 views
8

Po prostu chcę zrobić przycisk Wstecz w mojej witrynie. raz kliknę przycisk, aby przenieść adres URL na poprzednią stronę. jak mogę to zrobić za pomocą jquery?wróć do poprzedniej strony

+0

Czy mógłbyś rozwinąć to, czego szukasz? Wygląda na to, że próbujesz wrócić do nowego przycisku? Nie jestem pewny. – geshafer

Odpowiedz

14

odpowiedź wRAR jest poprawna, możesz użyć history.back lub history.go (-1). Jednakże, jeśli używasz ajax, możesz potrzebować trochę więcej.

Stephen Walter ma ładny artykuł na temat korzystania z jQuery, ASP.NET, and Browser History, który zasadniczo opisuje, jak samemu zapisać i przywrócić stan aplikacji. Polecam, żebyś przeczytał.

Rezydencja Eliasza (współgospodarza Oficjalnego Podcastu jQuery) napisała również miłe article na ten temat.

Mam nadzieję, że to pomoże -D

+0

Dzięki za bardzo dobrą informację .. – 3gwebtrain

23
<button type="button" onclick="history.back();">Back</button> 
+1

Nota boczna: to jest prosta JavaScript, a nie jQuery. Istnieją całkowicie historyczne wtyczki zaprojektowane z wykorzystaniem frameworka wtyczki jQuery, ale są one przeznaczone do obsługi ajax i historii (aby nie złamać przycisku Wstecz na jednej stronie, która zachowuje się tak wiele stron). – justkt

4

Dla JQM, to działa!

$(document).ready(function(){ 
    $('.backLink').click(function(){ 
     parent.history.back(); 
     return false; 
    }); 
}); 
0

myślę button onclick="history.back();" jest jednym ze sposobów, aby rozwiązać problem.But może nie działać w następujących przypadkach:

  1. Jeśli strona zostanie odświeżona lub przeładowane.
  2. Jeśli użytkownik otworzy łącze na nowej stronie.

Aby rozwiązać ten problem, można użyć następującego kodu, jeśli wiadomo, do której strony należy wrócić.

E.g. Jeśli nie masz żadnych linków na jednej stronie, a przycisk powrotu ma zostać użyty do powrotu na tę stronę.

<input type="button" onclick="document.location.href='filename';" value="Back" name="button" class="btn">

0

Spróbuj to: używam zmaterializować css.

<button id="back_btn" class="btn waves-effect waves-light" name="action">Back<i class="material-icons left">chevron_left</i> 
</button> 

W pliku skryptu jquery dodać

$("#back_btn").click(function(){ 
    window.history.back(); 
}); 

obrębie funkcji gotowy dokument.

Powiązane problemy