Javascript load（）函数不是'；你不在铬上工作吗？_Javascript_Jquery_Html_Google Chrome

Javascript load（）函数不是'；你不在铬上工作吗？

javascript jquery html google-chrome

Javascript load（）函数不是'；你不在铬上工作吗？,javascript,jquery,html,google-chrome,Javascript,Jquery,Html,Google Chrome,我尝试使用Jquery的.load（）函数。在我看来，它不是在我的Chrome上工作，而是在Firefox和Safari上工作我不确定我做错了什么？请帮帮我下面是我的代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.or

我尝试使用Jquery的.load（）函数。在我看来，它不是在我的Chrome上工作，而是在Firefox和Safari上工作

我不确定我做错了什么？请帮帮我

下面是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <link rel="stylesheet" href="css/goldstyle.css" type="text/css" media="all"/>

</head>
<body>
    <div id="navcontainer">
        <script type="text/javascript">
            $(document).ready(function() {
                $('#navcontainer').load('nav-menu.html');
            });
        </script>
    </div>
</body>


$（文档）.ready（函数（）{
$（'#navcontainer'）.load（'nav-menu.html'）；
});


$（文档）.ready（函数（）{
$（'#navcontainer'）.load（'nav-menu.html'）；
});

我更新了您的代码，以便将加载放在正确的位置，这是错误的做法

您也不应该有jQuery normal和min，这将导致出现一些问题

它在Chrome、IE和Firefox上运行良好

您是否尝试过为开发人员工具推出F12

然后查看控制台中显示了哪些错误？

我发现如果您直接在浏览器中打开文件，即

文件：//

在Chrome中将无法工作，您将看到类似以下内容：

Failed to load resource: Origin null is not allowed by Access-Control-Allow-Origin

您需要设置一个web服务器，比如WAMP，然后从localhost运行它。我发现了一个类似的问题，Chrome（与IE或FF相反）通常需要额外的Ctrl+F5来卸载缓存内容

对我来说，我的

$（）.ready

函数似乎不起作用，但在按住Ctrl+F5键之后，它就起作用了

我知道这并不完全是对这个问题的回答，但我是带着这种描述的行为来到这里的——也许其他人也会这样做。

我遇到了类似的问题，我通过添加

setTimeout（）

而不是只添加

function（）

解决了这个问题，它可以工作

<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(setTimeout(function(){ 
$("#list").load("list.htm", function(){$("#list").hide().slideDown(600);})
},300)); 
</script>
<script language="javascript">

希望这能对您有所帮助。

为什么要两次包含jQuery。查看Chrome中的开发者控制台，它是否真的请求了'nav menu.html`？^^^^^这一点，而且也没有理由将脚本放在相关元素中。在脚本包含后，只需将脚本块放在头部。此外，如果您直接在浏览器中打开文件，即

文件：//

，那么它在Chrome中无法工作，您将看到类似这样的内容：

加载资源失败：访问控制允许源代码不允许源代码为null。

。您需要设置一个web服务器，如WAMP，然后从

localhost

运行它，而不是尝试您的代码并得到此错误。选择权file://localhost/Users/zBaoAnhLe/Dropbox/My%20Project/NetBean%20Application/Fiverr%20Clients/bmelloh.easynfast.net%20Jquery/public_html/nav-Access Control Allow Origin不允许menu.html Origin null。jquery.min.js:6 XMLHttpRequest无法加载file://localhost/Users/zBaoAnhLe/Dropbox/My%20Project/NetBean%20Application/Fiverr%20Clients/bmelloh.easynfast.net%20Jquery/public_html/nav-menu.html。Access-Control-Allow-Origin不允许源代码为null。谢谢，这对我很有帮助。

<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(setTimeout(function(){ 
$("#list").load("list.htm", function(){$("#list").hide().slideDown(600);})
},300)); 
</script>
<script language="javascript">

$(document).ready(function(){ 
    $("#list").load("list.htm", function(){$("#list").hide().slideDown(600);})
    });