Question

可能重复：
  Loading an external .htm with javascript into a div
  Loading an external .htm file into a div with 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>

该代码适用于将外部文件加载到firefox中的div中，但是当我单击链接时，chrome和IE中没有任何反应。有什么建议吗？

Answer 1

虽然这不是问题的原因，但使用分号是个好习惯：

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

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

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

1 个答案: