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

所以我得到了这个代码

JavaScript：

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

html:

<a href="file.htm" class="ajax">Link</a>

它在 Firefox 中完美运行，但是当我在 Chrome 中单击链接时，什么也没有发生，而 IE 只是打开一个包含该文件的新窗口。有什么建议吗？

我不是任何类型的编码员，而且我知道有不止一种方法可以完成这项工作。
这就是针对我的情况对我有用的方法。
我有一个工作网站，但在一个页面上有很多代码/DIV 内容，我想清理它。
我希望这对其他人有帮助！

我已经寻找这个解决方案相当长一段时间了，并且我遇到了许多关于它如何在不同情况下工作的示例。 我的场景如下：
我有一个摄影网站，它使用一系列 DIV 标签，其中包含该网站的各种“页面”。
这些都设置为：
<div id="DivId" style="display:none"></div>
页面头部有以下脚本：

    
    $(document).ready(function(){
    $('a').click(function () {
    var divname= this.name;
    $("#"+divname).show("slow").siblings().hide("slow");
    });  

});
</script>