2013-06-24 70 views
0

對於我正在構建的站點,我試圖將其他html文件中的內容動態加載到index.html中(因此,當您單擊導航鏈接時,它不會加載整個新頁面,它只會加載來自不同HTML文件的內容)。我被告知最好的方法是使用jquery。我已經在我的頁面頭中包含了jquery庫,並且能夠調用代碼將生存的.js文件(它成功地加載了一個警報('boo')),但沒有一個jquery函數中的內容將會加載。下面的代碼:html不加載jquery? (動態內容加載)

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"</script> 
<script src='js/script.js'></script> 

,然後在scrpt.js文件:

$(document).ready(function() { 
    $('#content').load('content/index.html'); 
}); 
+0

你知道你不閉上你的第一個腳本標記,對吧!?如果你這樣做有什麼區別嗎?你能提供任何**調試信息嗎?還是我們猜測?你的網絡標籤裏有什麼?查看HTTP請求?控制檯中的任何東西? – Brad

+1

您是否正在加載jQuery以及jQuery UI? – Blender

+0

提交已編輯的代碼,您尚未關閉第一個腳本標記 –

回答

0

您是否嘗試過增加HTTP到您的通話將jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"</script> 

而且你缺少一個關閉>在您的腳本標記上:

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 
+0

這不是解決方案。帶'//'的URL是有效的,並且會使用任何當前的協議。 – Brad

+0

@Brad:如果OP不使用網絡服務器並直接用他的瀏覽器打開HTML文件,這很可能是解決方案。 – Blender

+0

我以前遇到問題時,我省略了http,因爲它試圖去:mydomain.com//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js,我認爲這可能取決於網絡服務器的設置,但我不確定 – JanR

1

Do l IKE在此:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<script src="js/script.js"></script> 

... 
<div id="content"> </div> 
... 

<script> 
    $(document).ready(function() { 
     $('#content').load('content/index.html'); 
    }); 
</script> 

務必不要忘記或錯的#內容,並確保「內容/ index.html的」可從實際頁面到達。 沒有理由它不工作

編輯:請務必不要忘記負載jQuery的因爲jQuery的= jQuery UI的