使用 javascript 将外部.htm文件加载到 div



可能的重复项:
将带有 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' );
    });
});

如果你不这样做,你偶尔会遇到一些奇怪的错误。

最新更新