jQuery的液體滑塊控制工作不

我使用這裏找到液體滑塊：此頁面上http://liquidslider.com/：http://www.emmaroche.ie/category/2013/jQuery的液體滑塊控制工作不

預期有一個問題的滑塊的工作原理：控件不工作。這些控件的代碼是：

<div class="controls outside span5 offset7"> 
     <a href="#left" data-liquidslider-ref="slider-id" class="rslides_nav rslides1_nav prev"><span id="slider-prev"></span></a> 
     <a href="#right" data-liquidslider-ref="slider-id" class="rslides_nav rslides1_nav next"><span id="slider-next"></span></a> 
    </div>

顯然它的重要部分是'data-liquidslider-ref'。

我收到錯誤：'Uncaught TypeError：Object＃has no method'on''，我認爲是用滑塊加載另一個（不必要的）版本的jQuery在WordPress的版本上。但隨着自動滑動打開滑塊工作正常，所以我不認爲這是問題。

在頭上的代碼是：

jQuery(document).ready(function($) { 
    $(function(){ 
     $('#slider-id').liquidSlider({ 

      autoHeight: true, 
      autoSlide: false, 
      slideEaseFunction: 'easeOutSine', 
      dynamicArrows: false, 
      slideEaseDuration: 550, 
      crossLinks: true, 
      autoSlideControls: true, 
      autoSlideStartText: 'asas', 
      autoSlideStopText: 'asad' 

     }); 
    }); 
});

我用這個滑塊很多次沒有問題，並使用相同的設置。

這種問題可能會出現。我非常感謝任何幫助。

來源

2013-09-11 user1473358

看你的頁面我的快速懷疑是jQuery庫正在裝入：

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=3.6'></script>

或許1.4版本沒有.on（我記得jQuery的使用有.live而不是.on）

http://api.jquery.com/live/

來源

2013-09-11 03:09:06 JofryHS

謝謝。我更新了jquery版本，它修復了它正在拋出的錯誤，但不是問題所在。仍然沒有從控制反應。 – user1473358

所以錯誤'Uncaught TypeError：Object＃has no method'on''不見了？您的控制檯是否有新的錯誤？ – JofryHS

更新：實際上已經解決了這個問題。我只是忘了在'just-try-everything'模式下，改回之前我處理的一個滑塊選項。謝謝你的幫助！ – user1473358

jQuery的液體滑塊控制工作不

回答

相關問題