jQuery AJAX加载内容幻灯片

Question

我创建了一个幻灯片放映在zencart网站上。 slidehow页面是通过AJAX加载的外部文件。请在下面找到代码段。

jQuery(document).ready(function() {
    //Load the slideshow page       
    jQuery("#slidershow").load("/xxxxxxxxxx/index.php?main_page=page&id=2 #slider");

    //Targetting live content, #slider is loaded via AJAX
    jQuery("#slider").live("click" ,function(){jQuery(this).s3Slider({timeOut:5000});});


});

而不是直播（“点击”...）我希望它自动显示onload ..但live（）不支持“加载”。还有哪些其他方法可以让插件触发onload？希望问题很清楚。

Answer 1

使用回调函数：

jQuery(document).ready(function() {

    //Load the slideshow page       
    jQuery("#slidershow").load("/the-url.php #slider", function () {
        // as soon as the ajax content is loaded, start the slideshow:
        jQuery(this).s3Slider({timeOut:5000});
    });

});