Jquery Liquid Slider控件不起作用

Question

我正在使用此处找到的液体滑块：http://liquidslider.com/ 在此页面上：http://www.emmaroche.ie/category/2013/

滑块按预期工作，但有一个问题：控件不起作用。控件的代码是：

    <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'' on page 我认为这与在 Wordpress 版本之上加载另一个（不必要的）jQuery 版本的滑块有关。但是打开自动滑动后，滑块可以正常工作，所以我认为这不是问题。

头部的代码是：

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'

      });
    });
});

我之前已经多次使用这个滑块没有问题并且设置相同。

对于问题可能是什么感到困惑。非常感谢任何帮助。

Answer 1

查看您的页面，我很快怀疑您正在加载的 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/