2013-08-26 25 views
3

您好我正在嘗試使用jQuery將html文檔加載到現有的html文檔中。

我試過使用下面的代碼,但文本不加載。

我不知道爲什麼。請問有人能指出我做錯了什麼嗎?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript">$("#test").load("test.txt")</script> 
</head> 

<body> 
<div id="test"></div> 
</body> 
</html> 

回答

3

DOM ready嘗試像

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

你也forgotted結束;。你也可以嘗試像

$(function(){ 
    $("#test").load("test.txt"); 
}); 
+1

謝謝@ Gautam3164,這正是我所需要的 –

3

你需要將其添加在DOM準備

jQuery(function($){ 
    $("#test").load("test.txt") 
}) 

的問題,當你的腳本執行ID爲test元素不肯定添加到DOM所以選擇$("#test")將返回零個元素是

+0

+1爲最可取的方法 –

+0

感謝@「阿倫P約翰尼拉」這是完美的。我選擇了Gautam's,因爲他稍早進來。但兩個答案都很好。有用和清晰。 –