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

Question

我正在尝试使用其他 .php 文件中的图片制作自动幻灯片，并为了实现这一目标，我决定使用 http://responsiveslides.com/ jQuery 插件。问题是这个插件不想通过从其他文件“加载”我的照片来处理它们。

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

*CSS/HTML 的写法和作者在《用法》中写的完全一样。

Answer 1

试试这个:

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

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

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