2010-09-18 75 views
0
<script type= "text/javascript" 
     src = "jquery-1.4.2.min.js"></script> 

<script type= "text/javascript"> 


    //<!CDATA[[ 

$(init); 

function init() { 
$("#heading").load("head.html"); 
$("#menu").load("menu.html"); 
$("#content1").load("story.html"); 
$("#content2").load("story2.html"); 
$("#footer").load("footer.html"); 
}; 

    //]]> 

</script> 
+0

難道你不需要使用document.ready函數嗎? – 2010-09-18 00:41:13

+0

你在上面的代碼片段中包含jquery的地方? – amurra 2010-09-18 00:43:25

+0

我相信可以用$()啓動,不需要使用document.ready和jquery – user449914 2010-09-18 00:43:42

回答

7

由於某種原因,jQuery沒有加載。

檢查你的路徑是否真的是src = "jquery-1.4.2.min.js"?或者它可能是:src = "jquery/1.4.2.min.js"

確保你的jQuery被加載。轉到源頁面並確保您可以閱讀它。調試時使用源代碼的完整URL而不是相對路徑。然後,如果這有效,將其更改爲相對路徑並查看它是否仍然有效。


您的第一個<script>標籤格式不正確:

這是畸形的:

<script type= "text/javascript" 
     src = "jquery-1.4.2.min.js"</script> 


它應該閱讀:

<script type= "text/javascript" 
     src = "jquery-1.4.2.min.js"></script> 

(注意>就在</之前)

這種類型的問題存在的一個線索通常是缺少IDE或編輯器中的語法高亮顯示。實際上請注意上面兩個代碼片段之間的Stack Overflow語法高亮區別。


而且CDATA應該

//<![CDATA[ 

,而不是:

//<!CDATA[[ 
+0

固定但仍然說$不是定義 – user449914 2010-09-18 00:34:45

+0

@user 449914 - 檢查jquery是否正在加載...嘗試將URL作爲源代碼,然後轉到該URL以確保該文件實際存在。 – 2010-09-18 00:42:04

+0

我在本地運行它,所以它應該加載jquery文件.. – user449914 2010-09-18 00:44:26

0

確保您引用您的jquery.js文件正確,測試通過添加警報('打! 「);在你的jQuery文件中,如果你不確定。

一旦你有一個排序,請執行下列操作:

<script type= "text/javascript"> 

$(function(){ 
$("#heading").load("head.html"); 
$("#menu").load("menu.html"); 
$("#content1").load("story.html"); 
$("#content2").load("story2.html"); 
$("#footer").load("footer.html");}); 

</script> 

或者如果你想使用你的函數,

function init() { 
$("#heading").load("head.html"); 
$("#menu").load("menu.html"); 
$("#content1").load("story.html"); 
$("#content2").load("story2.html"); 
$("#footer").load("footer.html"); 
}; 

而剛剛結束標記之前調用init()。

0

確保您沒有使用jQuery.noConflict(),這將刪除$別名以避免與其他JavaScript庫的衝突。