2015-10-07 74 views
0

我想進入jquery/ajax,我甚至不能相信我無法通過第一次測試。我正在按照我在The Jquery API site發現的一個示例進行操作,並且我按照它的順序對它進行了跟蹤。jquery load()只能在firefox中工作嗎?

我在桌面上創建了一個本地文件夾,並添加了2個文件。

的index.html

list1.html。


的Index.html:

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
</head> 

<body> 

<div id="stage"> 
</div> 

<script> 
$("#stage").load("list1.html"); 
</script> 

</body> 

</html> 

list1.html

<div id="list"> 
<li>Test</li> 
<li>Foo</li> 
<li>Bar</li> 
</div> 

我試圖像15分鐘,在Chrome和沒有運行的index.html顯示(如jQuery的WASN沒有正確加載)。出於好奇純我與Firefox打開它,它顯示爲預期..這樣的事情

  • 測試
  • 酒吧

所以這是一個瀏覽器的問題?爲什麼Chrome和IE不顯示這個加載的列表,但Firefox呢?我無法弄清楚它是我的代碼還是在試圖學習時令人生氣的環境。

+0

嘗試包裹在'$(的document.ready)'負載代碼。可能是因爲你試圖運行該函數時沒有加載jQuery。 –

+0

你知道jQuery沒有正確加載嗎?你有沒有檢查鉻開發工具控制檯和網絡選項卡?它加載了對我來說很好...... –

+0

是的,@PeteTalksWeb由於錯誤「僅支持協議方案:http,數據,chrome,chrome擴展名,https,chrome-extension-資源。「換句話說,chrome不喜歡打開本地機器的文件。我不知道爲什麼它打開了你,雖然... – Christopher

回答

1

嘗試

<script> 
    $(function(){ 
     $("#stage").load("list1.html"); 
    }); 
</script> 

如果仍然沒有工作,請檢查您的瀏覽器的開發者工具的網絡部分,看看是否有任何HTTP或安全性的錯誤。

+0

是的!謝謝......這不是Jquery函數的問題,而是因爲它來自本地目錄,所以chrome阻止了xml請求! – Christopher

相關問題