对象没有方法'flexslider'

时间:2013-03-30 08:32:37

标签: jquery flexslider

我正在尝试在我的网站上设置'flexslider'。

所以我使用这个jQuery加载函数,显然它没有加载..

$(window).load(function() {
    $('.flexslider').flexslider({
        animation: "slides",
        animationLoop: false,
        itemWidth: 100,
        itemMargin: 5
    });
  });

但是当我在控制台中查看时,我收到了这个错误消息:

Uncaught TypeError: Object [object Object] has no method 'flexslider' 

如果网站可以提供任何帮助:http://nworks.nu/projects2013/sthlm/index.html

3 个答案:

答案 0 :(得分:4)

此错误主要有两个原因。

  1. 要么您没有包含所需的插件。
  2. 你已经包含了两次jQuery。
  3. 你正在做第二件事,即包括两次jQuery。

    顶部的jQuery 1.6.2(在flexslider js之前)和底部的jQuery 1.9.1(在</body>之前)

    请更正,错误就会消失。

    P.S。使用$(document).ready()代替$(window).load(),不要使用frames

答案 1 :(得分:0)

我在编辑的网站上遇到了同样的问题,但奇怪的是只调用了一个版本的jQuery,但是也是这样:

jQuery.noConflict();

确保没有发生这种情况。

答案 2 :(得分:0)

我遇到了这个错误,而且flexslider.js文件的路径不正确。 在控制台中,错误之后是对flexslider.js文件的get调用。 单击此按钮将转到网络选项卡,该选项卡显示文件的获取失败。