-1

所以我得到了这个代码

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 只是打开一个包含该文件的新窗口时，什么也没有发生。有什么建议吗？

4

3 回答 3

0

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

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

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



});
</script>

并使用如下锚链接调用：
<a href="" name="home">HOME</a>
其中 name 是要调用的 DIV 的名称。
请注意，DIV 将在父容器 DIV 中调用。
最后也是最重要的是，对于这个特定的问题和场景，DIV 都放在页面上，如上所示。
每个 div 内容的创建就像在 DIV 标记中一样，但减去了开始和结束 DIV 标记，然后保存为单独的 .txt 文件，并通过放置 this 调用父页面的头部：
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。
    });

于 2013-10-05T18:13:13.090 回答
-2

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

<a class='ajax' href='#'>...</a>

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

无论如何，除了更改页面（例如执行 js）之外的链接不应该具有明确的 HREF 属性，而不是“什么都不做”（如上）

于 2012-07-01T09:15:35.123 回答
-3

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

尝试这个：

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

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

于 2012-07-01T09:15:37.983 回答