在加载的Ajax内容上加载JQuery cycle2

我正在尝试使用Ajax加载的外部HTML内容启动JQuery循环，但这似乎不起作用：

$(".container").load("step2.html", function() { $.fn.cycle.defaults.autoSelector = '.cycle-slideshow'; }); 

html如下：

 
 
Jetzt
mitmachen & 
gewinnen
 
Täglich
mitspielen & 
 Gewinnchance
 steigern!
  

Answer 1

只需在回调中手动调用cycle初始值设定项：

 $(".container").load("step2.html", function() { $('.cycle-slideshow').cycle(); }); 

http://jquery.malsup.com/cycle2/api/

Answer 2

是的，只有在jQuery(document).ready(function($)添加$符号并使你的函数全局化才能在你的ajax调用中调用它时，它才有效：

 jQuery(document).ready(function($) { window.script_cycle = function() { $('.cycle-slideshow').cycle(); } // the function below if you want to add or change some attributes to your cycle window.cycle_attr = function() { $('.cycle-slideshow').cycle({ fx: 'fade', speed: 1500, }); } }); JQuery(document).ready(function() { $.ajax({ url: 'http://yoururl.com', data: { param : value }, // if youre using http://yoururl.com?param=value success: function(data){ script_cycle(); // global function from previous document.ready to be called here } }); // if youre using load same procedure here $(".container").load("step2.html", function() { script_cycle(); }); }); 

似乎是插件中的错误，文件准备好了需要$，但使用这个程序对我有用，干杯！