JQuery - 非常简单的脚本运行但破坏了页面

标签 jquery

我试图在加载 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 :

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

在脚本之前:

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

感谢大家的快速回复,再次为初学者的错误表示歉意。与往常一样,StackOverflow 社区表现出极其快速的行动并且非常有帮助。谢谢你们。

最佳答案

这行代码:

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

应改为

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

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

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

关于JQuery - 非常简单的脚本运行但破坏了页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18342449/

相关文章:

javascript - Bootstrap Nav Pills Steps ...如何使浏览器在点击时跳转到页面顶部?

javascript - 从网页上的 php 调用的 html 和 div 添加的 Jquery 函数无法正常工作

javascript - 无法使用 jquery(Image Slider) 将我的图像向右移动

jquery - 如何使用 jQuery 修改 CSS 变量

javascript - 动态添加具有拖动和调整大小功能的 DIV

Jquery背景幻灯片

javascript - 如何使用 Javascript(或 JQuery)在 Grails 中的关系中导航

javascript - 当它们排在下一个时,如何不切换到第一个或最后一个 "li element"?

javascript - 延迟加载 "responsive"图片(未知高度)

jquery - 将 jquery 验证添加到 ASP.NET MVC 页面中帖子的选择下拉列表