jQuery-Plugin ignoriert per Ajax nachgeladene Inhalte

shredder01

Mitglied
Hallo,

ich experimentiere gerade mit https://github.com/Victa/curtain.js/ herum und habe dabei ein Problem mit Inhalten, die per Ajax nachgeladen werden.
Beim Seitenaufruf hat die Liste, die für das Plugin interessant ist, ein Listitem. Weitere zwei Listitems werden dann per Ajax hinzugefügt.
Testseite befindet sich hier: http://www.einfach-beginnen.de/curtain-test/
Mein erster Versuch war das Plugin einmal mit
Code:
$(document).ready(function () {	  $(function(){
	   $('.curtains').curtain({
		   scrollSpeed: 300,
		   controls: '.menu',
		   curtainLinks: '.curtain-links',
		   nextSlide: function(){
			console.log("ok");
		   }
	   });
	});
aufzurufen und dann jeweils wenn Inhalte per Ajax nachgeladen wurden mit
Code:
$(document).ajaxComplete(function() {
   	  $(function(){
	   $('.curtains').curtain({
		   scrollSpeed: 300,
		   controls: '.menu',
		   curtainLinks: '.curtain-links',
		   nextSlide: function(){
			console.log("ok");
		   }
	   });
	});
});

Das führt nun dazu, dass das Plugin nur das erste Listitem erkennt und die restlichen ignoriert.

Als zweiten Versuch hab ich den Aufruf in (document).ready entfernt und nur den Aufruf in (document).ajaxComplete dringelassen.
Tja, das führt nun dazu, dass das Plugin das festeingebaute und das erste per Ajax geladene Listitem erkennt, aber das zweite per Ajax geladene ignoriert.

Es sieht für mich so aus als ob das Plugin, wenn es einmal aufgerufen wurde, nicht mehr "aktualisiert" werden kann.
Was irgendwie merkwürdig ist. Normalerweise sollte doch für ein Refresh/Reload des Plugins einfach ein erneutes Aufrufen ausreichend sein. Klappt aber hier nicht.

Hat jemand einen Tipp für mich wie ich das lösen könnte?
Danke.
 

Neue Beiträge

Zurück