Elastislide jQuery插件错误

Question

http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/

---

该插件根本没有加载到我的页面上，这就是我所做的：

• 将所有.js个文件上传到服务器，并在jQuery lib

后的head部分调用

• 上传并链接了所有样式表

• 将包含图片的html和ul插入相应的正文部分

我现在正试图在UL via：

之后直接调用该插件

<script type = 'text/javascript'>

     $('#carousel').elastislide();

      </script>

但是我一直从google JS控制台收到以下错误：

Uncaught TypeError: Cannot call method 'prefixed' of undefined jquery.elastislide.js?2426:227

当我展开错误时，它会显示以下内容：

$.Elastislide._init jquery.elastislide.js?2426:227

$.Elastislide jquery.elastislide.js?2426:186

(anonymous function) jquery.elastislide.js?2426:808

x.extend.each jquery.js:657

x.fn.x.each jquery.js:266

$.fn.elastislide jquery.elastislide.js?2426:799

(anonymous function)

正如我所提到的，插件根本没有显示，包含图像的原始无序列表也没有显示。您可以提供的任何信息或见解都将是一个巨大的帮助。我是jQuery菜鸟，但真的需要让它发挥作用。

Answer 1

无法调用方法'prefixed'可能与Modernizr尚未准备好相关联。这可能表明您在Modernizr之前称为弹性滑动。

确保以正确的顺序包含脚本。

• Modernizr的
• 的jQuery
• elastislide
• 然后解雇该函数：$（'＃carousel'）。elastislide（）;

查看codrops下载中的演示html文件，并遵循他们使用的加载顺序模式。