使用jQuery調用部分html頁面

我想使用jQuery調用部分html頁面。我見過this 使用jQuery調用部分html頁面

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <script type="text/javascript" src="lib/jquery-3.1.0.min.js"></script> 
     <script type="text/javascript"> $('#result').load('Ajax/test.html'); </script> 
     <title>Home</title> 
    </head> 
    <body> 
     <div id="result"></div> 

    </body> 


</html>

和路徑Ajax/test.html我有這樣的test.html：

<h1>Hey World</h1>

的問題是它不Hey World加載到主頁面。另外，在控制檯中沒有錯誤。問題是什麼？

來源

2016-07-17 Kamyar Parastesh

與$('#result')，jQuery是無法找到的元素作爲DOM沒有準備好，因此jQueryObject.load方法不會被調用。

環繞你的腳本在$(document).ready或將您<script>作爲<body>last-child

也有DOMContentLoad或window.onload事件，確保了DOM被加載但IMO（剛結束標記（</body>）前），在</body>之前放置<script>是比較容易的選項。

<div id="result"></div> 
 
<script> 
 
    $('#result').load('test.html'); 
 
</script>

來源

2016-07-17 07:33:05 Rayon

試着改變你的<script>標籤包括document.ready：

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#result').load('Ajax/test.html'); 
    }); 
    </script>

來源

2016-07-17 07:30:14 user3378165

您試圖追加到但不存在的元素。

嘗試將代碼添加到$(document).ready()中，並在</body>結束標記之前。

像這樣：

<script> 
$(document).ready(function(){ 
    $('#result').load('Ajax/test.html'); 
}); 
</script> 

</body>

來源

2016-07-17 07:31:41 user3284463

使用jQuery調用部分html頁面

回答

相關問題