1

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

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

  • 将所有文件上传到服务器并在lib.js之后的 head 部分中调用jQuery

  • 上传并链接所有样式表

  • 插入html并ul包含图像到适当的正文部分

现在我尝试在ULvia 之后直接调用插件：

<script type = 'text/javascript'>

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

      </script>

但是我不断从谷歌 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菜鸟，但真的需要让这个工作。

4

1 回答 1

4

无法调用方法“前缀”可能与尚未准备好的 Modernizr 相关联。这可能表明您在 Modernizr 之前调用了 elastislide。

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

  • 现代化
  • jQuery
  • 弹力片
  • 然后触发函数： $( '#carousel' ).elastislide();

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

于 2014-03-13T05:40:07.740 回答