带.load()的jQuery幻灯片插件

时间:2015-09-28 20:39:35

标签: javascript jquery

我尝试使用其他.php文件中的图片进行自动幻灯片放映,并且为了实现这一点,我决定使用http://responsiveslides.com/ jQuery插件。问题是这个插件并不想通过" loading"来处理我的照片。他们来自其他档案。

$('.first-option').click(function(){
    $('.inner-box').load('file.php .rslides');
});
$(function() {
    $("file.php .rslides").responsiveSlides();
});

* CSS / HTML与作者在他的" Usage"中所写的完全相同。

1 个答案:

答案 0 :(得分:1)

试试这个:

$('.first-option').click(function(){
    $('.inner-box').load('file.php .rslides', function callback () {
        $('.rslides').responsiveSlides();
    });
});

之前我没有使用过该插件,但您似乎需要将bootstrap方法应用于包含您加载到页面中的幻灯片的元素。因此,您在代码中执行的操作是将加载方法附加到单击处理程序,同时在DOM准备就绪时将响应幻灯片附加到空选择器。我上面提供的内容加载内容,然后使用回调函数(当内容成功加载到DOM中时),然后将引导方法调用到原始选择器上。

编辑代码以使用' .rslides'选择器。