cambiar funcion jquery que no funciona en contenido cargado de ajax

catpaw · #1 (**permalink**) 01/11/2012, 14:55

hola forer@s

creo que este tema ya esta un poco trillado

, pero yo no se como adaptar mi funcion para que funcione con contenido cargado por ajax

lo que he leido es que en lugar de usar bind se use live y de hecho ya lo he probado en otras funciones y si queda bien, pero que se hace en el caso de tener una funcion como esta:

Código Javascript:

Ver original$('#collapser').jqcollapse({
    slide: true,
    speed: 200
});

ya probé sin el document ready y agregando en su lugar $(function() { pero tampoco jala

y aqui por ejemplo como le podria adaptar un live?? o que funcion o como??

gracias

hackjose · #2 (**permalink**) 01/11/2012, 18:35

Código Javascript:

Ver original$.ajax({type: "POST",url: "some.php"}).done(function(msg){$("#collapser").text(msg);});

catpaw · #3 (**permalink**) 02/11/2012, 15:18

hola hackjose, disculpa pero no entiendo tu ejemplo

para que me serviría meter la función dentro del post?

cabe mencionar que el envió de datos los hago con ajax puro, no con jquery ajax, aunque la función que no me funciona después de cargar esos datos si es jquery por eso puse el post aquí.

si me pudieras explicar tu ejemplo, por favor

gracias

hackjose · #4 (**permalink**) 03/11/2012, 11:36

Bueno lo que entendi es que quieres obtener contenido con ajax y dicho contenido colocarlo en algun elemento por ejemplo un div, el problema es que cuando el DOM se carga por completo(ready), el contenido ajax todavia no lo hemos obtenido.

Eso es lo que entendi y bueno el evento ready lo puedes manipular con holdReady

Podrias poner algo como

Código Javascript:

Ver originalif(xml)
{
$.holdReady(false);
}
 
$(document).ready(function(){//aqui haces el inner HTML o lo que vayas a hacer con el contenido ajax});

xml es la respuesta Ajax y meramente decimos si ya esta la respuesta, entonces lanza el evento ready o igual ese holdReady lo podrias poner en el metodo done

Espero haberte ayudado

Saludos

catpaw · #5 (**permalink**) 04/11/2012, 13:17

hola hackjose, creo que no me he dado a entender, :S

Mi problema no es que no se vea el contenido que cargo, eso me funciona ok, mi problema es que tengo una función de jquery que declaro:

Código Javascript:

Ver original$('#collapser').jqcollapse({
    slide: true,
    speed: 200
});

esta función lo que hace es que permite ocultar/mostrar el contenido de listas <ul></ul>

despues, tengo un contenido asi:

Código HTML:

Ver original<body>
  <ul id="collapser">
     <li>valor 1</li>
     <li>valor 2</li>
     <li>
          valor 3
         <ul>
              <li>valor 3.1</li>
         </ul>
     </li>
  </ul>
</body>

Al principio funciona muy bien, después cuando cargo el contenido con ajax (que es el mismo que al del principio solo con valores direfentes) ya no le hace caso a la funcion jqcollapse

catpaw · #6 (**permalink**) 05/11/2012, 12:12

Parece una tonteria pero sigo con este detalle, se me ocurre una forma pero no se como implementarla,

Como seria la sintaxis para meter la funcion siguiente dentro de un live?

Código Javascript:

Ver original$('#collapser').jqcollapse({
    slide: true,
    speed: 200
});

gracias