izvēlne ar pushstate,popstate

[ziedinjsh]

Labdien, man ir tāda lieta, ka izveidoju kodu:

jQuery(function(){

	document.title = 'Braucam';

	jQuery('.menu li a').on('click', function(e){
	e.preventDefault();
	
	var url = jQuery(this).attr('href');
		jQuery.ajax({
			url:url, 
			success: function(data){
				var page_content = jQuery(data);
				var page_title = page_content.find('.data-title').text();
				var get_content = page_content.find('.data-content').html();
				
					jQuery('div#page').html(get_content);
					document.title = page_title;
					
					jQuery('.menu li.current').removeClass('current');
					jQuery(this).parent('li').addClass('current');

			}, 
			error: function(){
				alert('ups!');
			}
			});
			
		if(url!=window.location){
			window.history.pushState({path:url}, '', url);
		}		
	});
	return false;
	
	jQuery(window).bind('popstate', function(){
		jQuery.ajax({
			url:location.pathname, 
			success: function(data){
				var page_content = jQuery(data);
				var page_title = page_content.find('.data-title').text();
				var get_content = page_content.find('.data-content').html();
				
					jQuery('div#page').html(get_content);
					document.title = page_title;	
					
					jQuery('.menu li.current').removeClass('current');
					jQuery(this).closest('li').addClass('current');
			}
		});
	});
	

});

pārvietojoties par portālu it kā strādā, nu vismaz netiek pārlādēta lapa un saturs tiek ielādēts, bet ja es nospiežu ,back` pogu browserim tad mainās tikai url, bet ne lapas saturs. Saturs paliek tas pats.

 

Un vēlviena neliela problēma: Es nesaprotu kapēc nestrādā addClass('current') removeClass strādā.

[briedis]

Par addClass. Viņš nestrādā, jo kam tad tu mēģini pieškirt klasi? Vai maz zini, kas ir $(this) tajā vietā :) ? Palasi, ļoti noderēs: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this

[ziedinjsh]

šinī gadījumā jQuery(this) sanāk uzspiestais a elements. Tapēc jau ir jQuery(this).parent('li')

[daGrevis]

Nop. http://stackoverflow.com/questions/6394812/this-inside-of-ajax-success-not-working

[codez]

this ir koteksta objekts un katrā funkcijā tas var būt cits un šajā gadījumā ajax response callā, tas noteikti ir kaut kas cits.

Lai to atrisinātu, vietā, kurs this ir a elements, vajag to saglabāt mainīgajā, piemēram:

var $a=$(this);

un tālāk lietot $a;

Edited January 4, 2014 by codez

[daGrevis]

Vai context, vai $.proxy, kā minēts tajā linkā augstāk.

[daGrevis]

`var that = this;`, protams, ir daudz stilīgāk.

[ziedinjsh]

Labi, bet kapēc viņš neielādē lapas saturu spiežot pārlūka back pogu?