0

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

1 に答える 1

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'
        });
    });        
});
于 2012-08-15T14:26:17.563 に答える