简单代码仅适用于某些编辑器，而不适用于其他任何地方

Simple code only works in certain editor but not anywhere else

本文关键字：适用于 不适用 其他 任何地 编辑器 代码 简单      更新时间：2023-09-26

为什么下面的代码只能在 Codecademy.com 编辑器中工作，而在真正的浏览器或jsfiddle中不起作用？似乎没有错误...

.HTML

<p id='p1'>Zebras eat bananas</p>
<p id='p2'>That's nonsense</p>

使用此 javascript，#p2 应该在页面加载时自动更改。在Codecademy编辑器中，这就是发生的事情，但是当我制作HTML/js文件并在浏览器中运行它时，它不起作用，并且在Jsfiddle中不起作用。

我该如何解决这个问题？还是他们教错了我？

爪哇语

$(document).ready(function(){
$('#p2').html("Now it makes sense!");
})

正如@dfsq提到的end，你需要在你的文件中包含jQuery，就像你的小提琴一样。您可以通过在脚本之前添加以下行来执行此操作：

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

之后，您可以将代码放入<script>标签中：

<script>
$(document).ready(function(){
$('#p2').html("Now it makes sense!");
})
</script>

你会看到它有效。

你的jQuery脚本应该直接在结束</body>标签之前，以便在你尝试使用javascript/jQuery访问它之前加载DOM

。
相关文章：