Problem mit jQuery fadeIn bei prepend

Jan-Frederik Stieler

Monsterator
Moderator
Hallo,
ich hab ein recht einfaches Script bei dem aber ein fadeIn irgendwie nicht funktionieren will.
Javascript:
var ajaxContent = $('.ajaxContent'),
ajaxContentControl = $("li.ajaxcontentcontrol");

$('.ajaxcontentcontrol').remove('.ajaxcontentcontrol');
$('.contentcontrol>ul li:first-child').prepend(ajaxContentControl).hide().fadeIn('slow');
ajaxContentControl wird ohne fade eingebunden und ich verstehe nicht warum.

Vielleicht gibts ja eine recht einfache Erklärung.

Viele Grüße
 
Hi,

wie sieht denn die Dokumentstruktur zu Beginn aus?

Verdächtig erscheint folgende Zeile:
Code:
$('.ajaxcontentcontrol').remove('.ajaxcontentcontrol');
Sieht so aus, als würden hier alle Elemente mit der Klasse ajaxcontentcontrol entfernt werden. Vielleicht müssen die Elemente, die später wieder eingehängt werden sollen, an entsprechender Stelle geklont werden - z.B.:
Code:
ajaxContentControl = $("li.ajaxcontentcontrol:first").clone(true);

Ciao
Quaese
 
Hi,
die Sache ist die das ich diese .ajaxcontrol Elemente in dem per ajax geladenen Bereich mitgeladen werden. Ich möchte diese Elemente aber bei in eine andere Ul einfügen damit alle Steuerungselemente beisammen sind.
Ich entferne diese damit diese Elemnet nciht doppelt im Quellcode vorhanden sind.
Das mit .clone sollte ja eigentlich nicht notwendig sein da die Elemente ja in der variablen zwischengespeichert sind.

Aber ich werd mal ohne dem .remove ausprobieren und meld mich dann nochmal.


EDIT:
Ich darf das nicht einfach chainen. das hier führt zum Ziel.
Außerdem hätte ich .before anstatt .prepend nehmen sollen für das richtige einfügen :).
Javascript:
	var ajaxContent 		=	$('.ajaxContent'),
		ajaxContentControl	=	$("li.ajaxcontentcontrol");

	$('.ajaxcontentcontrol').remove('.ajaxcontentcontrol');
	$('.contentcontrol>ul li:first-child').before(ajaxContentControl);
	ajaxContentControl.hide().fadeIn('slow');

Grüße
 

Neue Beiträge

Zurück