通過AJAX加載jQuery插件RhinoSlider內容

我正在使用jQuery插件RhinoSlider並且它工作正常，但是我想通過AJAX加載內容以加快頁面加載時間。根據他們的網站，你需要改變通話每一點爲：http://rhinoslider.com/tricks/get-the-content-of-the-slider-via-ajax/通過AJAX加載jQuery插件RhinoSlider內容

默認電話是：

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

來源

2012-08-14 Brett

將追加和rhinoslider拆分爲2個不同的電話 – Archer 2012-08-14 10:00:58

@Archer請你解釋一下怎麼做？我不是一個很大的JS版本，我嘗試的兩件事情都沒有奏效。 – Brett 2012-08-15 14:20:32

@Archer Scratch that ...只是注意到上面的代碼缺少一些花括號，補充說，它的工作。 – Brett 2012-08-15 14:25:07

看來我是錯過了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-15 14:26:17 Brett

通過AJAX加載jQuery插件RhinoSlider內容

回答

相關問題