Problemas con ExtJs4 y jQuery juntos.

[cristian_cena]

Hola compañeros,
Comentarles que estoy intentando crear mi primer hola mundo en ExtJs.
Leí que Ext permite trabajar con algunos frameworks como base, entre ellos jquery.
Ví algunos artículos en donde decían de usar un archivo llamado ext-jquery-adapter.js
pero según seguí leyendo entendí que en Ext 4 ya no hace falta incluir un adapter sino que ya biene incorporado.

Este es el código que tengo:

Código HTML:

<!-- busco el theme  -->
<link rel="stylesheet" type="text/css" href="../../ext-4.0.2a/resources/css/ext-all.css" /> 
 
<!-- incluyo jquery desde el cdn de google-->
<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script> 
 
<!--incluyo extJs  -->
<script type="text/javascript" src="../../ext-4.0.2a/ext-all.js"> </script> 
 
<!- uso el método ready() de jquery y coloco adentro el código extJs  -->
<script type="text/javascript"> 
$(function(){
    var win = new Ext.Window({
        title:'Hola mundo',
        width:250,
        height:250,
        minimizable:true,
        maximizable:true
    });
    win.show();
});
</script>
 

Y este es el resultado: Se rompe el diseño. Cuando hago un resize sobre la caja vuelve a la normalidad lo que hace pensar que no se esta integrando bien jquery.

si en lugar de usar jquery escribo ...

Código Javascript:

Ext.onReady(function(){
        var win = new Ext.Window({
            title:'Hola mundo',
            width:250,
            height:250,
            minimizable:true,
            maximizable:true
        });
        win.show();
    });
 

... se soluciona el problema.

En la consola de firebug encuentro estos dos errores:



¿Estaré incluyendo mal jquery?, ¿pasé algo por alto?
Desde ya agradezco su respuesta.
Un saludo.