[SOLUCIONADO] Jquery llegando vía Ajax

[ElAthlit]

Buenas a todos,
estoy usando Flexigrid, usa Jquery y anda perfectamente si lo ejecuto en una página a parte.

Mi problema viene cuando desde un formulario ejecuto una consulta, y me traigo vía Ajax la GRID de Flexigrid, entonces ésta no funciona. Se trae todos los resultados y eso, pero lo que es "flexigrid" es como si ni si quiera se lo leyera.

Según he mirado por ahí, he leido cosas de .delegate y de .live. Debo aplicar eso a la funcion que da vida al FlexyGrid?

El código de la página que tiene FlexyGrid es tan sencillo como esto

Código Javascript:

<script type="text/javascript">
        $('.flexme1').flexigrid({
            title : 'Resultados...',
            resizable: true
        });
</script>
 

Ando muy perdido en esto de Jquery, si alguien me puede ayudar se lo agradecería.

Gracias y un saludo a todos.

[Rosencrantz]

Descarga el plugin livequery http://docs.jquery.com/Plugins/livequery


$('.flexme1').livequery(function(){
$(this).flexigrid({
title : 'Resultados...',
resizable: true
});
})


Atento a poner todo dentro del $.document.ready.
La razon para hacerlo con livequery es porque $('.flexme1') cuando llega por ajax y no responde a ningun evento como click o hover es necesario "revivirlo".
Cuando un elemento que viene por ajax o se agrega al DOM responde a eventos como click, hover, change etc... se recomienda usar el .delegate() u .on(), el live ya esta fuera del jquery actualmente por lo que no es recomendable usarlo hoy dia.

[ElAthlit]

Hola Rosencrantz,
en primer lugar muchas gracias por contestar.

He probado lo que me has comentado, pero me sigue sin funcionar.

Como soy muy nuevo en esto, te detallo.

- Tengo la página A que llama por Ajax y se trae a la página B.

- B es la que tiene flexigrid

- B tiene el livejquery que me descargué tal y como me indicaste.

Y el código:

Código Javascript:

<script type="text/javascript">
    $(document).ready(function() {      
        $('.flexme1').livequery(function(){
         $(this).flexigrid({
            title : 'Resultados...',
            resizable: true
        });
    });
});
    </script>
 

Probé de hacer lo mismo en la página A (ya sabes, por probar cuando no tienes por donde tirar), pero nada.

Si la página B la ejecuto normal (sin Ajax ni nada), me sale la flexigrid Ok, así que descarto que la grid esté mal puesta. Solo que vía Ajax, recibo todo menos el aspecto flexigrid.

En principio, esto sería todo no?

Muchas gracias por todo!

Saludos

[ElAthlit]

Hola Rosencrantz,
ya está solucionado. Me faltaba interpretar los ficheros .js una vez recibida la respuesta vía Ajax. Esto, junto con lo que me has comentado me ha solucionado el problema.

Muchas gracias por todo!!

[oskidelrio]

hola ElAthlit tengo un problema similar al suyo.mi pregunta es : ¿cómo interpretaste los ficheros.js ?soy nuevo en esto y no consigo que funcione codaslider via ajax.agradeceria su ayuda.

[ElAthlit]

Hola oskidelrio,
aquí explican bien y detallado como poder hacerlo. Verás que es fácil.

http://www.niquepa.com/2010/12/ejecu...gado-por-ajax/

Saludos!