我试图在加载 jQuery 库后运行一个非常简单的 jQuery 脚本。我使用了该库的多个路径来尝试解决此问题,但据我所知,该库加载得很好; jQuery 脚本运行,但在此过程中破坏了我的[简单]网页。
这是我的网页的简化版本,不包括任何不相关的标记:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
<script>
$("body").text("jQuery works");
</script>
</body>
</html>
当我运行此命令时,文本“jQuery Works”成功显示,但与此同时整个页面分成重复的 strip :
在脚本之前:
感谢大家的快速回复,再次为初学者的错误表示歉意。与往常一样,StackOverflow 社区表现出极其快速的行动并且非常有帮助。谢谢你们。
最佳答案
这行代码:
$("body").text("jQuery works");
应改为
$("body").append("jQuery works");
这只会将文本写入正文,而不是替换整个内容。
它只作为 strip 运行的原因是因为高度下降到只有几个像素高,这会导致背景图像重复
关于JQuery - 非常简单的脚本运行但破坏了页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18342449/