为什么相同的代码在jsfiddle中给出不同的结果?

时间:2013-12-26 00:18:00

标签: javascript jquery

我正在尝试通过学习Codepen示例来学习益智游戏Javascript,但每次我将代码粘贴到另一个地方时,它都会发生变化。为了告诉你我的意思,我从这支钢笔中取出了html,css和JS,然后将它直接粘贴到一个JSFiddle上,这让我得到了破碎的结果。这是示例http://codepen.io/Dubi_Kaufmann/pen/GktqH,顺便说一下,我添加了JQuery代码,但它没有用:(帮助

1 个答案:

答案 0 :(得分:1)

您必须选择将脚本放在nowrap选项下的<body>元素中。作为Barmar has very helpfully pointed out in the comments,原因是通过包装代码而不是JS全局中的函数,因此它们将无法从HTML中访问。

我已将代码复制到一个新的小提琴,它可以正常工作 - http://jsfiddle.net/teddyrised/A8Hjw/

此外,您可能需要添加Prefixfree.js才能使CSS3转换在某些浏览器中运行。我已链接到//cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js上可用的CDN托管版本(//,没有任何前缀,因此它将通过HTTP和HTTPS连接兼容)。