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

所以我得到了这个代码

使用Javascript：

 $(function(){ $('.ajax') .click(function(e){ e.preventDefault() $('#content').load( 'https://stackoverflow.com/questions/11280816/loading-an-external-htm-file-into-a-div-with-javascript/file.htm' ) }) })  

HTML：

 Link 

它在firefox中完美运行，但是当我单击chrome中的链接时，没有任何反应，IE只是打开一个带有该文件的新窗口。 任何建议？

Answer 1

我不是任何类型的编码器，我知道有不止一种方法可以完成这项工作。
这对我的情况有用。
我有一个工作站点，但在一个页面中有很多代码/ DIV内容，我想要清理它。
我希望这可以帮助别人！

我已经搜索了这个解决方案很长一段时间了，我已经遇到了很多关于它如何在不同实例中工作的例子。 我的方案如下：
我有一个摄影网站，它使用一系列包含各种“页面”的DIV标签，可以说是该网站。
这些都设置为：

页面顶部的以下脚本：

    
     $（文件）。就绪（函数（）{
     $（'a'）。click（function（）{
     var divname = this.name;
     $（ “＃” + divname）.show（ “慢”）的兄弟姐妹（）隐藏（ “慢”）。
     }）; 

 });  

并使用这样的锚链接调用：
HOME
其中name是要调用的DIV的名称。
请注意，DIV将在父容器DIV中调用。
最后也是最重要的是对于这个特定的问题和场景，DIV都放在页面上，如上所示。
每个div内容的创建就像它在DIV标签内，但减去打开和关闭的DIV标签，然后保存为单独的.txt文件，并通过放置它来调用父页面的头部：
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js">
和

    
     $（document）.ready（function（）{//一旦页面准备好就会运行（加载DOM）
         $（“＃DivName”）//选择“div”（你也可以按照css中的id或类选择元素）
         .load（“PathToFile.txt”）; //加载指定的文件
         $（“＃AnotherDiv”）。load（“AnotherFile.txt”）; //可以添加额外的DIV来填充表面页面上的DIV。
     }）;
    

Answer 2

将链接更改为href="#"或"javascript:void(0);return false;"

 ... 

加载逻辑都在你的ajax调用中。 但是，您也有一个指向该文件的链接。 因此，似乎某些浏览器对如何处理点击提供了不同的优先级。

无论如何，除了更改页面（f.ex.执行js）之外的其他链接不应该具有明确的HREF属性，而不是“什么也不做”的东西（如上所述）

Answer 3

我认为问题是脚本在加载文档之前加载。

试试这个：

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

我不确定，但我看不到任何其他问题。