加載外部.htm文件到一個div的JavaScript

-1

可能重複：
Loading an external .htm with javascript into a div
Loading an external .htm file into a div with javascript 加載外部.htm文件到一個div的JavaScript

這是我的全部代碼：

<html> 

<head> 

</head> 

<body> 

<script src="http://code.jquery.com/jquery-latest.js"></script> 

<script type="text/javascript"> 
$(function(){ 
    $('.ajax') .click(function(e){ 
     e.preventDefault() 
     $('#content').load('file.htm') 
    }) 
}) 
</script> 

<div id="content"> 
    <p>random text</p> 
</div> 

<div><a href="#" class="ajax">Link</a></div> 


</body> 

</html>

代碼適用於將外部文件加載到div中firefox，但是在Chrome和IE中沒有任何反應，當我點擊鏈接時。有什麼建議？

來源

2012-07-01 user114158

你檢查JS錯誤嗎？ –

''標籤缺少'>'，這是複製粘貼錯誤還是您的原始來源？ – Bazzz

將jquery腳本標籤放在head元素中是正常的。如果不這樣做，我不確定'文檔加載'功能可以正常工作。 – sje397

雖然它不是問題的原因，這是很好的做法是使用分號：

$(function(){ 
    $('.ajax') .click(function(e){ 
     e.preventDefault(); 
     $('#content').load('file.htm'); 
    }); 
});

如果不這樣做你會偶爾打一些奇怪的錯誤。

來源

2012-07-01 10:30:14 Eric

加載外部.htm文件到一個div的JavaScript

回答

相關問題