Question

我在HTML文档中有以下javascript代码，它在div中加载Html：

<script>
$(function(){
    $("#submenu a").click(function(){
        var page = this.hash.substr(1);
        $.get(page+".html",function(gotHtml){
            $("#contenedorprincipal").html(gotHtml);
        })
    });
});
</script>

在Firefox中，它运行得很好，但在Chrome和IE中它不起作用。有什么想法或建议吗？

Answer 1

在我看来，它似乎适用于Chrome ......任何方式都可以尝试：http://jsfiddle.net/8daxU/

替换包装函数（我添加了一个警告只是为了显示哈希值 - 在后面删除）

 $(document).ready(function(){
     $("#submenu a").click(function(){
        var page = this.hash.substr(1);
        alert(page);
        $("#contenedorprincipal").load(page+".html");
     });
 });

Answer 2

这适用于各种浏览器：

$(function () {
    var $content = $( '#contenedorprincipal' );

    $( '#submenu' ).on( 'click', 'a', function ( e ) {
        $content.load( this.href.split( '#' )[1] + '.html' );
    });
});

jQuery代码在Chrome＆amp; IE

2 个答案: