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

而已.完美的工作！

原文地址：https://www.jb51.cc/jquery/176430.html