jquery - jQuery 代码在 Chrome 和 IE 中无法正常工作

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' );
    });
});