JQuery код не работает корректно в Chrome и IE

Question

У меня есть следующий код яваскрипта в HTML документ, который загружает Html в DIV:

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

В Firefox он работает отлично, но в Chrome и Т.е не работает. Любые идеи или предложения?

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