FlexSlider 2 controlNav 错误答案

【问题标题】：FlexSlider 2 controlNav errorFlexSlider 2 controlNav 错误
【发布时间】：2015-09-11 23:38:27
【问题描述】：

我目前正在尝试为 FlexSlider 设置自定义缩略图导航，并且我正在使用以下代码，根据官方 flexslider 文档，我认为这是正确的：

$(document).ready(function(e) {
  $('.flexslider').flexslider({
    animation: "slide",
    controlsContainer: ".flex_thumbs",
    controlNav: true,
    manualControls: ".custom_controls li img",
    animationSpeed: 1200,
  }); 
});

问题是当我运行我的页面时，我在控制台日志中遇到以下错误：

a.controlNav.live 不是函数

当然我的自定义缩略图不起作用。

以前有没有人遇到过这个特定的错误？我尝试在线搜索，但找不到这个特定问题的任何答案。

感谢任何帮助。

【问题讨论】：

标签： navigation controls thumbnails flexslider manual

【解决方案1】：

我也遇到了这个问题。你在使用 jQuery 1.9 吗？

jQuery 版本 >=1.9.x 已放弃对 .live 方法的支持，因此必须使用 .on。

https://github.com/woothemes/FlexSlider/pull/597

我把我的改回 jquery 1.8.3，它现在可以工作了。

希望这会有所帮助。

【讨论】：

【解决方案2】：

如果你仍然有这个问题，解释如下：

jQuery 方法 .live() 已被弃用，如果您出于某种原因必须坚持使用您正在使用的 flexslider 版本，您可以通过查看 flexslider js 代码并将任何出现的方法 .live 替换为方法来解决问题.on。寻找.live(，这样你就可以得到方法而不是其他变量或其他东西，然后用.on(替换它，你应该已经准备好了。

【讨论】：