我正在尝试为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不是函数
当然我的自定义缩略图不起作用。
之前有没有遇到过这个特殊错误?我尝试在线搜索,但找不到这个特定问题的任何答案。
感谢任何帮助。
答案 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(
,您应该全部设置。