可能的重复项:
将带有 javascript 的外部.htm加载到div
中 使用 javascript 将外部.htm文件加载到div 中
这是我的整个代码:
<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>
该代码适用于将外部文件加载到 Firefox 中的div 中,但是当我单击链接时,Chrome 和 IE 中没有任何反应。 有什么建议吗?
虽然这不是问题的原因,但最好使用分号:
$(function(){
$('.ajax') .click(function(e){
e.preventDefault();
$('#content').load( 'file.htm' );
});
});
如果你不这样做,你偶尔会遇到一些奇怪的错误。