Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/12/2011, 15:54
Avatar de ColdFusion
ColdFusion
 
Fecha de Ingreso: octubre-2008
Ubicación: Tocoa, Colon Honduras C.A.
Mensajes: 419
Antigüedad: 15 años, 6 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?..