我正在使用此处找到的液体滑块: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'
});
});
});
我之前多次使用这个滑块没有问题并且使用相同的设置。
有点难倒可能是什么问题。我真的很感激任何帮助。