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

通过AJAX加载jQuery插件RhinoSlider内容

1 个答案: