jQuery load() 函數不起作用
[英]jQuery load() function doesn't work
問題描述
我是 JavaScript 世界的新手，我正在嘗試使用函數 load() 插入另一個 html 文件。 這有點難以解釋，這是代碼：
<script>
$(document).ready(function() {
$('#main').click(
function(){
$('#news').load('today.html');
}
); //end click
}); //end ready
</script>
你能幫助我嗎？ 我沒有使用網絡服務器。 謝謝
3 個解決方案
解決方案1
5 2014-09-06 15:55:02
為什么它不起作用
瀏覽器安全限制可能會阻止您將 AJAX 函數用於通過 file:// 協議訪問的內容（即來自您計算機上的本地文件，沒有網絡服務器）。
解決方案
我在我的電腦上運行一個網絡服務器，這樣我就可以避免所有這些問題 - 當我在 Windows PC 上工作時，我使用WAMP 。 這些天，我在我的計算機上使用 Linux（帶有 Apache、PHP 和 MySQL），因此我可以在更接近服務器的環境中工作。
解決方案2
3 已采納 2014-09-06 16:01:45
我不相信您提供的代碼有任何錯誤。 我相信這與您加載 JQuery 庫有關，因為使用以下代碼我實現了這些結果：
索引.html
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function() {
$('#main').click(
function(){
$('#news').load('news.html');
}
); //end click
}); //end ready
</script>
</head>
<body>
<p id="main">HELLO</p>
<p id="news">NEWS</p>
</body>
</html>
新聞.html
<html>
<head></head>
<body><h1>HELLO STACK OVERFLOW!!!</h1></body>
</html>
點擊前：
點擊后：
然而，當我構建這個例子時，我首先嘗試使用 JQuery 的Google APIs版本，發現我目前無法連接到 API。 因此，我相信您的問題的解決方案是訪問此網站： http : //code.jquery.com/jquery-1.11.1.js並將所有內容復制並粘貼到名為“jquery.js”的文本文件中。 然后將以下內容添加到主 HTML 文件的 head 標記中：
<script src="jquery.js"></script>
確保“jquery.js”與項目的主 HTML 文件位於同一目錄中，否則這將不起作用。 希望這可以幫助 ：）
解決方案3
0 2020-02-18 06:18:49
您可以在load(url,fnResponse)響應中找到錯誤消息是成功還是失敗
還要檢查這個jquery-load-method
$(document).ready(function() {
$('#main').click(
function(){
$('#news').load('today.html', function( response, status, xhr ) {
if ( status == "error" ) {
alert( "Sorry but there was an error: " + xhr.status + " " + xhr.statusText );
}
});
}
); //end click
}); //end ready
在 jQuery .load() 函數之后，jQuery sortable() 不起作用
[英]After jQuery .load() function, jQuery sortable() doesn't work
jQuery:click function() ready 加載后不起作用 function
[英]jQuery:click function() ready doesn't work after the load function
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.