Jquery History

[robert]

Hi leute,
ich hab folgendes Problem. Ich möchte das History Plugin von jQuery benutzen,
aber es will einfahc nicht funktionieren.

Wenn ich den Link klicke, ist der Hash in der adressleiste oben, aber
am content ändert sich nichts. mach ich dann nen reload, funktionierts.


also wird beim seiten laden die funktion "pageload" aufgerufen, aber nicht
beim klick. ich verstehe aber absolut nicht warum. hat jemand ne ahnung?



danke gruß

// PageLoad function
// This function is called when:
// 1. after calling $.historyInit();
// 2. after calling $.historyLoad();
// 3. after pushing "Go Back" button of a browser
function pageload(hash) {
	// hash doesn't contain the first # character.
	if(hash) {
		// restore ajax loaded state
		alert("LOADING");
		$("#load").load(hash + ".php");
	} else {
		// start page
		$("#load").empty();
	};
};
	
	
$(document).ready(function() {
					$.history.init(pageload);
					
					
					$(".startDiv").hide();
					$(".startDiv2").hide();
					
					$(".startDiv").fadeIn(400);
					setTimeout(function() { $('.startDiv2').fadeIn(400); }, 1900);
					

					$(".menuBt1").hover(
						function(){
						  $(this).animate({ 
						    color: "#FBB03B",  	    
						  }, 20 );
						},
						function() {
							$(this).animate({ 
							 color: "#444444",  	    
							}, 600 );
						});
					
					//clicks
					$("a[@rel='button']").click(function(){
								// 
								var hash = this.href;
								hash = hash.replace(/^.*#/, '');
								// moves to a new page. 
								// pageload is called at once. 
								$.history.load(hash);
								return false;
							});
					
				});

[robert]

Ich bin soweit, dass die funktion nun aufgerufen wird.

aber die variable hash ändert sich nicht beim click sondern erst
beim reload der page. das ist irgendwie komisch.

// PageLoad function
// This function is called when:
// 1. after calling $.historyInit();
// 2. after calling $.historyLoad();
// 3. after pushing "Go Back" button of a browser
function pageload(hash) {
	// hash doesn't contain the first # character.
	if(hash) {
		// restore ajax loaded state
		alert("LOADING" + hash);
		$("#load").load(hash + ".php");
	} else {
		// start page
		alert("startpage" + hash);
		$("#load").empty();
	};
};
	
	
$(document).ready(function() {
					$.history.init(pageload);
					
					
					$(".startDiv").hide();
					$(".startDiv2").hide();
					
					$(".startDiv").fadeIn(400);
					setTimeout(function() { $('.startDiv2').fadeIn(400); }, 1900);
					

					$(".menuBt1").hover(
						function(){
						  $(this).animate({ 
						    color: "#FBB03B",  	    
						  }, 20 );
						},
						function() {
							$(this).animate({ 
							 color: "#444444",  	    
							}, 600 );
						});
					
					//clicks
					$("a[@rel='history']").click(function(){
								// 
								var hash = this.href;
								hash = hash.replace(/^.*#/, '');
								// moves to a new page. 
								// pageload is called at once. 
								$.history.load(hash);
								alert("klicked");
								return false;
							});
					
				});

[robert]

$("a[@rel='history']").click

Das wollte er irgendwie nicht verstehen. Wenn ichs über die Klasse
anspreche gehts.


Problem gelöst!