我已经使用 Flexslider 创建了一个滑块,并且尝试使用 manualControls: 创建导航菜单,但链接不起作用。以下是 flexslider 和滑块/导航本身的代码:
柔性滑块:
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider({
controlsContainer: ".slidercontainer",
controlNav: true,
manualControls: ".flex-control-nav li",
});
});
</script>
滑块和导航:
<div class="slidercontainer">
<div class="flexslider">
<ul class="slides">
<li>slide1</li>
<li>slide2</li>
</ul>
<ul class="flex-control-nav">
<li>1</li>
<li>2</li>
</ul>
</div>
</div>
你修好了吗?如果没有,答案是因为 FlexSlider 插件中仍然有一个实时事件 - 但 jQuery 已弃用此功能。
要解决这个问题;打开 jQuery.flexslider.js 并查找/替换“live”,将其替换为“on”。我实际上搜索了“.live(”并替换为“.on(”只是为了确保我只获得了事件侦听器。出现了 2 次。
就是这样。完美运作!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)