jquery - jQueryコードがChromeとIEで正しく機能しない

Question

divにHtmlをロードするHTMLドキュメントに次のJavaScriptコードがあります。

<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

クロムで動作するように思えます...とにかくこれを試してください：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' );
    });
});