Dynamiczna zmiana stylów JQ

[gibek2 12]

Witam uczę się jQuery i postanowiłem coś samemu napisać ( z tego co na ten moment wiem ), efekt końcowy jaki oczekuje to nie skończona ilość możliwości zmiany stylów niestety u mnie dzieje sie tak że ładuje styl default-owy zmienia go na styl2 i znów na defaultowy i koniec. Rozumiem że kod jedzie od góry w dół i wszystko wykonał podejrzewam że trzeba to wstawić w jakąś pętle ale nie mam zielonego pojęcia jak sie za to zabrać, w którym miejscu jakie elementy i totalnie nie mam pojęcia.

 

Proszę was bardzo o pomoc.

 

Stronke można podejrzeć : http://bartlomiej-dalek.bl.ee/jq/

 

KOD JQuery :

$("document").ready(function() {
	
	$("body").append($('<div id="box"> </div>'));
	
	$("#box").html('<a href="#"> tekst </a>');
	
		$("#box a").click(function() {
	
		$("link[rel=stylesheet]").attr({"src" : "css/style.css"}).remove();	
	
		$("head").append('<link rel="stylesheet" href="css/style2.css" type="text/css" media="screen" />');	
		
		$("#box").remove();
		
			$("body").append($('<div id="box2"> </div>'));

        	$("#box2").html('<a href="#"> tekst </a>');
			
				
				$("#box2 a").click(function() {
				
				$("link[rel=stylesheet]").attr({"src" : "css/style2.css"}).remove();	
	
				$("head").append('<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />');	
	
				$("#box2").remove();
				
					$("body").append($('<div id="box"> </div>'));
	
					$("#box").html('<a href="#"> tekst </a>');

                    
                });

   		 });	

	

}); // koniec funkcji .ready

[maniack 403]

.

Edytowano Wrzesień 13, 2017 przez maniack (zobacz historię edycji)

[gibek2 12]

dzięki wielkie