jQuery append Problem

[Swinq]

[Gelöst] jQuery append Problem

Huhu.

Es gibt zu meinem Problem eigentlich nicht viel zu schreiben. Es ist viel eher eine Frage wie ich gewisse Dinge bei der Append-Funktion von jQuery anwende.

Und zwar: Ich habe eine Funktion, in dieser Funktion füge ich eine Div-Reihe in mein Dokument ein. ($('body').append('divs'))

Jetzt habe ich mir noch die Tinyscrollbar-Funktion runtergeladen. Funktioniert allerdings nicht. Zumindest nur bei diesen Div's nicht, die ich via Append erstelle.

Die Frage: WO bzw. WIE muss ich die Funktion einbinden, damit sie auch bei Append Objekten funktioniert?

Vielleicht hat ja jemand ein kleines Beispiel für mich.

 

[luks2com]

AW: jQuery append Problem

Wenn du die Funkion von der Scrollbar ( $('#scrollbar').tinyscrollbar(); ) aufrufst wird dies nur auf den momentan vorhandenen Divs angewendet. Wenn du später ein div hinzufügst muss du diese Funktion noch mal aufrufen. Eine alternative wär, wenn du die divs zuerst mit disply:none versteckst und dann wieder anzeiigen lässt. Dann sind diese div schon vorhanden beim aufrufen der Scrollbar funktion

 

[Swinq]

AW: jQuery append Problem

Im folgendem eine "Skizze" der Funktion. (Erst ekelhaft schreiben und hinterher überarbeiten.)

Hatte test weise noch die live Funktion mit eingebunden; Funktioniert aber nicht.

(function($) {
	
	$.fn.bioLink = function(e) {
			
			$('.box').hide();
			$('#'+ $(this).attr('cont') +'-cont').show();
	
	};
	
	$.fn.bio = function(options,e) {
		
		var defaults = {
			
			isAdmin: 0,
			userID: 999999
		
		};
		
		var options = $.extend(defaults, options);
		
		$(this).live('click', function() {

			$(this).show();
	
			$('body').append('<div id="biographie"><div id="final-bio"><div id="kill-bio"><img src="close.png"></div><div id="content-bio"><div id="content-bio-img"><div id="content-bio-font"><center><div id="bio"><a href="javascript:void(0);" id="bio" class="linkLink" cont="bio-bio"></a></div><div id="leist"><a href="javascript:void(0);" class="linkLink" id="leist" cont="bio-news"></a></div><div id="diary"><a href="#" id="diary" class="linkLink" cont="bio-diary"></a></div></center><br /><br /><div id="bio-start" class="box"><center><img src="ava.png"></center></div><div id="bio-bio-cont" class="box">{_UNKNOWN_BIOGRAPHIE_}</div><div id="bio-news-cont" class="box"><div id="scrollbar1"><div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div><div class="viewport"><div class="overview">{_UNKNOWN_NEWS_}</div></div></div></div><div id="bio-diary-cont" class="box">{_UNKNOWN_DIARY_}</div></div></div></div></div></div>');


			$('#biographie').css('position','absolute');
			$('#biographie').css('top', ( $(window).height() - $('#biographie').height() ) / 2+$(window).scrollTop() + 'px');
			$('#biographie').css('left', ( $(window).width() - $('#biographie').width() ) / 2+$(window).scrollLeft() + 'px');
			
			$('.linkLink').click(function(e) {
	
				$(this).bioLink(e);
	
			});
			
			$('#scrollbar1').tinyscrollbar();
			
		});
	
	};

})(jQuery);

 

[Swinq]

AW: jQuery append Problem

Ok. Gelöst. Hab die Live-Funktion falsch gesetzt.