jquery - Flexslider 手动控件不起作用

Question

我已经使用 Flexslider 创建了一个 slider ，并且尝试使用 manualControls: 创建导航菜单，但链接不起作用。以下是 flexslider 和 slider /导航本身的代码:

Flex slider :

 <script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider({
      controlsContainer: ".slidercontainer",
      controlNav: true,
      manualControls: ".flex-control-nav li",
      }); 
 });
 </script>  

slider 和导航:

    <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>

Answer 1

你解决这个问题了吗？如果没有，答案是因为 FlexSlider 插件中仍然有一个实时事件 - 但 jQuery 已弃用此功能。

修复它；打开 jQuery.flexslider.js 并查找/替换“live”，将其替换为“on”。我实际上搜索了“.live(”并替换为“.on(”只是为了确保我只获得了事件监听器。出现了 2 次。

就是这样。完美运行!