Foros del Web » Programando para Internet » Javascript » Frameworks JS »

funciones no se ejecutan al cargar contenido con ajax

Estas en el tema de funciones no se ejecutan al cargar contenido con ajax en el foro de Frameworks JS en Foros del Web. Creé una funcion en jquery para dar efecto fade a los labeles de un input al darle click @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original ...
  #1 (permalink)  
Antiguo 18/12/2011, 15:54
Avatar de ColdFusion  
Fecha de Ingreso: octubre-2008
Ubicación: Tocoa, Colon Honduras C.A.
Mensajes: 419
Antigüedad: 16 años, 2 meses
Puntos: 9
funciones no se ejecutan al cargar contenido con ajax

Creé una funcion en jquery para dar efecto fade a los labeles de un input al darle click
Código Javascript:
Ver original
  1. $('li.lbl').each( function() {
  2. var llbl = this;//Iniciamos
  3. if($('input[type=text],textarea', llbl).val() !== '') $('label', llbl).hide();
  4. $('input[type=text],textarea', llbl).live("focus",function() {
  5. $('label', llbl).fadeTo(150, 0.3);
  6. if($('input[type=text],textarea', llbl).val() !== '') $('label', llbl).hide();
  7. });//focus
  8. $('input[type=text],textarea', llbl).live("keydown",function() {
  9. if($('label', llbl).is(':visible')) $('label', llbl).hide();
  10. });//keydown
  11. $('label', llbl).live("click",function() {
  12. $('input[type=text],textarea', llbl).trigger('focus');
  13. if($('input[type=text],textarea', llbl).val() !== '') $('label', llbl).hide();
  14. });//click
  15. $('input[type=text],textarea', llbl).live("blur",function() {
  16. if($('input[type=text],textarea', llbl).val() ==  '') {
  17. $('label', llbl).show();
  18. $('label', llbl).fadeTo(150, 1);
  19. }
  20. if($('input[type=text],textarea', llbl).val() !== '') $('label', llbl).hide();
  21. }); //blur
  22. }); // cada li.lbl

ejemplo de uso
Código HTML:
Ver original
  1. <li><label>Este es un input</label><input type="text"/></li>

funciona pefectamente en los objetos que se cargan cuando se carga la pagina, pero en los objetos que cargo mediante ajax no funciona, alguien sabe por que?..
  #2 (permalink)  
Antiguo 19/12/2011, 02:54
Avatar de autonotel  
Fecha de Ingreso: junio-2003
Ubicación: Vigo
Mensajes: 480
Antigüedad: 21 años, 6 meses
Puntos: 13
Respuesta: funciones no se ejecutan al cargar contenido con ajax

Con ajax solo escribes la función, no la ejecutas.
Habría una forma rudimentaria de hacerlo, aparte de otras más profesionales, que sería meter una imagen desde el archivo llamado por ajax y al onload ejecutar la función.

En todo caso debes escribirla con todas las etiquetas <script language....></script>
  #3 (permalink)  
Antiguo 22/12/2011, 10:43
Avatar de ColdFusion  
Fecha de Ingreso: octubre-2008
Ubicación: Tocoa, Colon Honduras C.A.
Mensajes: 419
Antigüedad: 16 años, 2 meses
Puntos: 9
Respuesta: funciones no se ejecutan al cargar contenido con ajax

Entiendo, ya he usado esa forma anteriormente, pero pensé que habria una más facil.. Gracias!

Etiquetas: jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:37.