jquery - Flexslider 手动控制不起作用

Question

我用 Flexslider 创建了一个滑块，我正在尝试使用 manualControls: 创建导航菜单，但链接不起作用。这是 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"
  });
});

Answer 4

我刚刚遇到了同样的问题，这是由于在 chrome 的“chrome://flags”页面中启用了触摸事件，在关闭触摸事件后，flexslider 导航箭头和点将起作用。

代码中有几个地方 flexslider 试图解决 iOS 错误，但这样做会完全禁用非 iOS 具有触摸功能的浏览器上的点击事件。

Answer 5

我使用的是 2.7.2 版本，我所做的是我评论了里面的所有内容onTouchMove = function(e) {}

之后，一切仍然正常，最重要的是错误消息消失了。