jquery – Flexslider manualControls无效

前端之家收集整理的这篇文章主要介绍了jquery – Flexslider manualControls无效前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我用Flexslider创建了一个滑块,我正在尝试使用manualControls:创建导航菜单,但链接不起作用.这是flexslider和滑块/导航本身的代码

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次出现.

而已.完美的工作!

猜你在找的jQuery相关文章