javascript - 如何纠正从 jsFiddle 到 HTML 的 no wrap(head) JavaScript 以使其正常工作

Question

几天前，我发布了一个关于幻灯片概念的查询。
在这里偶然发现了这个确切的概念。
http://jsfiddle.net/JCQ6Q/15/

但是，我遇到了一个问题。
在 Js Fiddle 中，一切似乎都很顺利。
但是当我在本地主机上的 HTML 编辑器软件上编译它时，它不运行:(
图像堆叠在一起，并出现滚动条。

可能是因为在JsFiddle上，框架放了no wrap(head)
如果将其设置为默认的 onLoad ，则会发生与在我的 HTML 中发生的相同的事情

关于如何正确地将 javascript 放在 HTML 上的任何输入？

Answer 1

控制台中的错误是这样的:

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

您的插件脚本被包含得太晚了(.ready() 在 .load() 之前执行)。确保您的 HTML 结构如下:

<script src="plugin.js"></script>
<script>
    $(function () {
        $('#slider').anythingSlider({
            autoPlay: true,
            autoPlayLocked: true,
            buildStartStop: false
        })
    });
</script>