Flexslider manualControls无法正常工作

Question

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

Answer 1

你修好过这个吗？如果没有,答案是因为FlexSlider仍然在插件中有一个实时事件 - 但是jQuery已经弃用了这个.

要解决这个问题; 打开jQuery.flexslider.js并为"live"执行查找/替换,将其替换为"on".我实际上搜索了".live("并替换为".on("只是为了确保我只有事件监听器.有2次出现.

而已.完美的工作!

Answer 2

示例链接： http: //flexslider.woothemes.com/

直接使用代码即可简单使用

$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide"
  });
});