javascript - 通过 AJAX 加载 jQuery 插件 RhinoSlider 内容

Question

我正在使用 jQuery 插件RhinoSlider并且它工作正常，但是我想通过 AJAX 加载内容以加快页面加载时间。根据他们的网站，您需要根据以下内容稍微更改调用：http ://rhinoslider.com/tricks/get-the-content-of-the-slider-via-ajax/

默认调用是：

$(document).ready(function(){
    // store the jquery object
    var $slider = $('#slider');
    $.get('content-of-slider.php', function(data){
        $slider.append(data).rhinoslider();
    });
});  

效果很好，但是我仍然需要包括我的选项，我尝试了下面的方法，但它没有用..

$(document).ready(function(){
    // store the jquery object
    var $slider = $('#slider');
    $.get('content-of-slider.php', function(data){
        $slider.append(data).rhinoslider(
            showTime: 6000,
            effectTime: 2500,
            autoPlay: true,
            showBullets: 'always',
            showControls: 'never',
            slidePrevDirection: 'toRight',
            slideNextDirection: 'toLeft'            
        );
    });
});

Answer 1

似乎我在部分之后错过了花括号rhinoslider(；我将它们添加如下，现在可以使用了。

$(document).ready(function() {
    // store the jquery object
    var $slider = $('#slider');
    $.get('content-of-slider.php', function(data){
        $slider.append(data).rhinoslider({
            showTime: 6000,
            effectTime: 2500,
            autoPlay: false,
            showBullets: 'always',
            showControls: 'never',
            slidePrevDirection: 'toRight',
            slideNextDirection: 'toLeft'
        });
    });        
});