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'。

我收到错误：'未捕获TypeError：对象＃在页面上没有方法'我认为是在滑块上加载另一个（不必要的）版本的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'

      });
    });
});

之前我曾多次使用此滑块，没有任何问题且设置相同。

有点难以解决问题所在。我真的很感激任何帮助。

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/

Jquery Liquid Slider控制不起作用

1 个答案: