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

Question

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

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

可能是因为在 JsFiddle 上，框架没有被放置 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>

Answer 2

你测试过：

$(document).ready(function() {
  // your code
});

似乎它适用于jsfiddle链接