FlexSlider 2 controlNav错误

时间:2013-03-17 23:32:19

标签: navigation controls thumbnails flexslider manual

我正在尝试为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不是函数

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

之前有没有遇到过这个特殊错误?我尝试在线搜索,但找不到这个特定问题的任何答案。

感谢任何帮助。

2 个答案:

答案 0 :(得分:2)

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

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

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

我把我改回了jquery 1.8.3,它现在正在运作。

希望这有帮助。

答案 1 :(得分:1)

如果您仍然遇到此问题,请解释如下:

jQuery方法.live()已弃用,如果您必须坚持使用您正在使用的flexslider版本,您可以通过查看flexslider js代码并替换方法{{1的任何一个偶然性来解决问题使用方法.live。查找.on,这样您就可以获得方法而不是其他变量或其他变量,并将其替换为.live(,您应该全部设置。

相关问题