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

https://github.com/woothemes/FlexSlider/issues/351

听起来好像有很多事情要做。

我主要使用的是Chrome，不管这个主题是什么，我都能做到：

http://www.templatemonster.com/demo/42317.html

它所说的FlexSlider版本：jQuery FlexSlider v1.8

但我找到了一个解决方法：

http://wordpress.org/support/topic/chrome-bug-with-flexslider-plugin

在线程的末尾，一个家伙发布了一个链接到另一个网站，他修复了！我已经发布了以下必要的代码行：

jquery.flexslider.js中的第34行

slider.eventType = ('ontouchstart' in document.documentElement) ? 'touchstart' : 'click';

我将其替换为以下两行：

slider.touch = (( "ontouchstart" in window ) || ( window.navigator.msPointerEnabled ) || window.DocumentTouch && document instanceof DocumentTouch) && slider.vars.touch;
slider.eventType = "click touchend MSPointerUp";

希望这能有所帮助。

Answer 3

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

您可以直接简单地使用代码

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