外部JQuery不工作
所以，我已经用HTML编写了这段代码，我正在尝试使用基本的JQuery函数，比如hide。虽然内联JQuery工作正常，但其外部JQuery代码根本不工作。下面是HTML文件的代码-外部JQuery不工作,jquery,html,Jquery,Html,所以，我已经用HTML编写了这段代码，我正在尝试使用基本的JQuery函数，比如hide。虽然内联JQuery工作正常，但其外部JQuery代码根本不工作。下面是HTML文件的代码- <html> <head> <script src="jq.js"></script> <script src="JS.js"></script> </head> <bo
<html>
<head>
<script src="jq.js"></script>
<script src="JS.js"></script>
</head>
<body>
<p id='paragraph'>This is a paragraph</p>
<p onclick="$(this).hide()">This is second</p>
</body>
</html>
因为在将段落添加到DOM之前，标签在哪里运行，所以需要使用JavaScript 它找不到该段落，因为它还不存在，所以它将您的单击处理程序绑定为空
将脚本移动到段落后面，或将其包装在函数中，并在获得DOMReady或load事件时运行该函数。您的JavaScript，因为在将段落添加到DOM之前，标签会在哪里运行 它找不到该段落，因为它还不存在，所以它将您的单击处理程序绑定为空 将脚本移动到段落后面，或将其包装在函数中，并在获得DOMReady或load事件时运行该函数。将代码包含在$document.ready中 这样，内部的jQuery代码将仅在DOM就绪时运行 Readup:将代码放在$document.ready中 这样，内部的jQuery代码将仅在DOM就绪时运行
Readup:您可以将其附加到，以便在渲染所有元素后运行 但是，如果代码结构正确，页面上的位置并不重要
$(document).ready(function(){
$('#paragraph').click(function(){
$('#paragraph').hide();
});
});
如果您使用上面的代码，您可以在头之前保留对js文件的引用 您可以将其附加到，以便在渲染所有元素后运行 但是，如果代码结构正确，页面上的位置并不重要
$(document).ready(function(){
$('#paragraph').click(function(){
$('#paragraph').hide();
});
});
如果您使用上面的代码，您可以在头之前保留对js文件的引用 请检查js文件是否已附加，并在JQUERY代码中添加此内容
$(document).ready(function()
{
$('#paragraph').click(function(){
$('#paragraph').hide();
});
});
这样，它将在DOM就绪时运行请检查js文件是否已附加，并在JQUERY代码中添加此项
$(document).ready(function()
{
$('#paragraph').click(function(){
$('#paragraph').hide();
});
});
这样，它将在DOM就绪时运行@Cerlin Boss确实正确：
$(document).ready(function(){
$('#paragraph').click(function(){
$('#paragraph').hide();
});
});
会起作用的-请看@Cerlin Boss确实是正确的：
$(document).ready(function(){
$('#paragraph').click(function(){
$('#paragraph').hide();
});
});
将起作用-请参见您的控制台上有任何错误吗？您确定jq.js已添加到您的HTML中吗？检查网络选项卡。jq.js的路径正确吗？您是否在DOMReady处理程序中使用JS.JS编写代码？控制台中有错误吗？可能与wrap with document.ready中的错误重复您的控制台中有错误吗？您确定jq.js已添加到您的HTML中吗？检查网络选项卡。jq.js的路径正确吗？您是否在DOMReady处理程序中使用JS.JS编写代码？控制台中有错误吗？可能与使用document.ready包装的错误重复