0

我正在使用此处找到的液体滑块: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”。

我收到错误:页面上的“未捕获的类型错误:对象#没有方法”,我认为这与在 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'

      });
    });
});

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

有点难倒可能是什么问题。我真的很感激任何帮助。

4

1 回答 1

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/

于 2013-09-11T03:09:06.337 回答