通過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'
        });
    });        
});