Jquery .load（）函數在Chrome上不起作用？

我試圖使用jquery的.load（）函數。在我看來，它不在我的Chrome上工作，但它在Firefox和Safari上工作...Jquery .load（）函數在Chrome上不起作用？

我不確定我做錯了什麼？請幫我....

這裏是我下面的代碼：

<!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>

來源

2013-10-31 zBaoAnhLe

爲什麼你包含jQuery兩次。在Chrome瀏覽器中查看開發者控制檯，它是否真的提出了「nav-menu.html」的請求？ –

^^這個，也沒有理由把腳本放在元素中。腳本包含後，只需將腳本塊放在頭部即可。 – Archer

此外，如果您直接在瀏覽器中打開文件，即'file：///'，那麼它將無法在Chrome中使用，並且您會看到如下內容：'無法加載資源：Origin null不是由Access-Control-Allow-Origin.'允許。你需要設置一個Web服務器，比如WAMP，然後從'localhost'運行它，而不是 –

我發現，如果你直接在瀏覽器中打開該文件，即file:///它不會在Chrome中工作，你會看到類似這樣的：

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

你需要安裝一個網絡-server，像WAMP，然後從本地主機，而不是

來源

2013-11-16 05:44:20 zBaoAnhLe

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

    </div> 
</body>

我更新了你的代碼，這樣的負荷是在正確的地方作爲它的不好的做法有它它在哪裏。

你也不應該有jQuery正常和最小這將導致一些問題！

它在Chrome，IE和Firefox上運行良好。

您是否嘗試過將F12推向開發人員工具？

然後看到控制檯中顯示的錯誤是什麼？

來源

2013-10-31 12:50:54 LmC

嘗試你的代碼並得到這個錯誤。選項文件：//localhost/Users/zBaoAnhLe/Dropbox/My%20Project/NetBean%20Application/Fiverr%20Clients/bmelloh.easynfast.net%20Jquery/public_html/nav-menu.html原因null不被訪問控制所允許-ALLOW原產地。 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不允許Origin null。 – zBaoAnhLe

如果你谷歌那個錯誤，你會找到解決方案。 – LmC

運行它我有一個相當的問題，並發現，即鉻（在相反的IE或FF）經常需要額外的Ctrl鍵 + F5卸載緩存的內容。

對我來說這似乎是我的$().ready功能不起作用，但按Ctrl + F5 後它做的工作。

我知道這不完全是對問題的回答，但我帶着這種描述的行爲來到這裏 - 也許還有其他一些行爲。

來源

2015-07-09 14:04:10 Kirsten

Jquery .load（）函數在Chrome上不起作用？

回答

相關問題