1

我试图在加载 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”成功显示，但同时整个页面分成重复条：

http://i.imgur.com/ESykpmT.png

在脚本之前：

http://i.imgur.com/TIv80Ng.png

感谢大家的快速回复，再次为初学者的错误道歉。像往常一样，StackOverflow 社区表现得非常迅速并且非常有帮助。谢谢你们。

4

4 回答 4

2

您正在将正文内容替换为“jQuery 工作”字样，该字样显示在重复的背景上。

我建议您阅读.text()实际操作。http://api.jquery.com/text/

于 2013-08-20T18:31:27.640 回答
2

这行代码：

$("body").text("jQuery works");

应改为

$("body").append("jQuery works");

这只会将文本写入正文，而不是替换整个内容。

它作为条带运行的原因是因为高度下降到只有几个像素高，这导致背景图像重复

于 2013-08-20T18:32:32.327 回答
2

正如上面评论中的粉碎笔记，您正在替换整个 $('body') 内容，而不是附加到它们或以某种方式发出警报。

于 2013-08-20T18:32:36.570 回答
1

该text()方法将删除正文的所有内容并将其替换为该文本。如果没有看到你的标记，我猜这不是你打算做的。

于 2013-08-20T18:32:11.237 回答