Le code jQuery ne fonctionne pas correctement dans Chrome et IE

Question

J'ai le code javascript suivant dans un document HTML qui charge le Html dans un div :

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

Dans Firefox, il fonctionne parfaitement, mais dans Chrome et IE, il ne fonctionne pas. Avez-vous des idées ou des suggestions ?

Answer 1

Il me semble que cela fonctionne dans Chrome... mais essayez ceci : http://jsfiddle.net/8daxU/

remplacer la fonction d'enveloppement par (j'ai ajouté une alerte juste pour montrer le hachage - supprimer après coup)

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

Answer 2

Cela devrait fonctionner sur tous les navigateurs :

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

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