[AJAX]zakładki tab bez przeładowywania i ich zapamiętanie po odświeżeniu, jak to wykonać. Opcje

[casperii]

Witam,
Chciałbym to zmodyfikować w ten sposób aby, po wybraniu taba i odświeżeniu strony pamiętało który tab był wczytany. Zrobiłem póki co tak:
mam kod:

[HTML] pobierz, plaintext 
<script>
$(function (){
	$('[data-tab]').on('click', function (e){
		var that = $(this);
		var parent = that.parent().parent().parent();
		that
		.addClass('active')
		.siblings('[data-tab]')
		.removeClass('active');
		$('[data-content]',parent)
		.removeClass('active')
		.siblings('[data-content=' + that.data('tab') + ']')
		.addClass('active');
		e.preventDefault();	
	});
});
</script>
<div style="margin-bottom:10px;" data-tab="#1" class="tab active">link1</div>
<div style="margin-bottom:10px;" data-tab="#2" class="tab">link2</div>
 
<div data-content="#1" class="klasa active">zawartość</div>
<div data-content="#1" class="klasa">zawartość drugiego taba</div>
[HTML] pobierz, plaintext 

Rozumiem, że teraz powinienem zrobić coś na styl :

select: function(event, ui) {
window.location.replace(ui.tab.hash);
}

Ale za cholerę nie mogę sobie z tym poradzić.

Ten post edytował casperii 21.05.2015, 19:58:15

[casperii]

@Comandeer no dobra pobieram sobie adres strony tak ?

Kod

var adr=window.location.href;
alert('pokazuje' + adr);

i co później?
jak wstawie zamiast

Kod

$('[data-tab]').on('click', function (e){

takie coś to w ogóle nie przeładowuje

Kod

$(adr).on('click', function (e){

Kod

$(function (){
    $('[data-tab]').on('click', function (e){
        that
        .addClass('active')
        .siblings('[data-tab]')
        .removeClass('active');
        $('[data-content]',parent)
        .removeClass('active')
        .siblings('[data-content=' + that.data('tab') + ']')
        .addClass('active');
        e.preventDefault();
    });
});