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

Question

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

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

html如下：

<div class="cycle-slideshow second-prize-slider" data-cycle-manual-speed="2000" data-cycle-slides="p" data-cycle-timeout=5000 >
                                         <p>Jetzt<br />mitmachen & <br />gewinnen</span></p>   
                                         <p >Täglich<br>mitspielen & <br> Gewinnchance<br> steigern!</p> 
                                    </div> 

Answer 1

只需cycle在回调中手动调用初始化程序：

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

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

Answer 2

是的，仅当您$在 a 中添加符号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();
   });
});

似乎是插件中的一个错误，需要在文档中准备好 $，但是使用此过程对我有用，干杯！