JQuery-运行非常简单的脚本,但会中断页面
在加载jQuery库之后,我尝试运行一个非常简单的jQuery脚本。为了解决这个问题,我使用了指向库的多条路径,但从我所能看出,库的加载情况很好;jQuery脚本运行,但在此过程中破坏了我的[simple]网页 以下是我的网页的简化版本,不包括任何不相关的标记:JQuery-运行非常简单的脚本,但会中断页面,jquery,Jquery,在加载jQuery库之后,我尝试运行一个非常简单的jQuery脚本。为了解决这个问题,我使用了指向库的多条路径,但从我所能看出,库的加载情况很好;jQuery脚本运行,但在此过程中破坏了我的[simple]网页 以下是我的网页的简化版本,不包括任何不相关的标记: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></
<!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>
$(“body”).text(“jQuery工作”);
当我运行此操作时,文本“jQuery works”成功显示,但同时整个页面分成重复的条带:
在脚本之前:
感谢大家的快速反应,再次为初学者的错误道歉。与往常一样,StackOverflow社区表现出了非常快速的行动和非常有用的功能。谢谢大家 将正文内容替换为“jQuery工作”,并在重复的背景上显示
我建议你仔细阅读
.text()
的实际功能 将正文内容替换为“jQuery工作”,并在重复的背景上显示
我建议你仔细阅读.text()
的实际功能 使用text()
方法将删除正文的所有内容,并将其替换为该文本。如果没有看到您的标记,我想这不是您想要做的。方法text()
将删除正文的所有内容,并将其替换为该文本。如果没有看到您的标记,我猜您不打算这么做。这行代码:
$("body").text("jQuery works");
应改为
$("body").append("jQuery works");
这将只是将文本写入正文,而不是替换整个内容
它作为条带运行的原因是因为高度下降到只有几个像素高,这会导致背景图像重复这行代码:
$("body").text("jQuery works");
应改为
$("body").append("jQuery works");
这将只是将文本写入正文,而不是替换整个内容
它作为条带运行的原因是因为高度下降到只有几个像素高,这会导致背景图像作为上面注释中的crush notes重复,您正在替换整个$('body')内容,而不是附加到它们或以某种方式发出警报。作为上面注释中的crush notes,您正在替换整个$('body')内容,而不是附加到它们或以某种方式发出警报。您正在将
body
元素中的所有DOM替换为文本节点“jQuery works”。不清楚您想对文本做什么,但是如果您只是想附加它,您可以编写$(“body”).append(“jQuery工作”)代码>让我编辑-在这个例子中,为了可读性,我删除了其余的元素。看起来不错。该重复条带是您网站的背景,您将所有正文内容替换为“jQuery works”,这感觉就像是站在一条腿上,用另一条腿踢它……您将正文
元素中的所有DOM替换为文本节点“jQuery works”。不清楚您想对文本做什么,但是如果您只是想附加它,您可以编写$(“body”).append(“jQuery工作”)代码>让我编辑-在这个例子中,为了可读性,我删除了其余的元素。看起来不错。那个重复的条带是你网站的背景,你用“jQuery工作”替换了所有的身体内容。这感觉就像是站在一条腿上,用另一条腿踢它……啊,我明白了。谢谢(对JQuery完全陌生)啊,我明白了。谢谢(JQuery新手)谢谢!我想这将是一个简单的解决办法。不幸的是,我才刚刚开始jQuery。新手错误!我感谢你的快速回答!非常感谢。我想这将是一个简单的解决办法。不幸的是,我才刚刚开始jQuery。新手错误!我感谢你的快速回答!美好的谢谢,一个初学者的错误很容易修复。必须第一次使用jQuery来安装支持移动的功能。再次感谢,很好!谢谢,一个初学者的错误很容易修复。必须第一次使用jQuery来安装支持移动的功能。再次感谢。