¿Cómo usar el enfoque y desenfoque en los elementos dinámicos insertados?

Question

Tengo función:

$(document).ready(function(){ 

    $("input.myclass").focus(function() { 
     // something 
    }).blur(function() { 
     // something 
    }); 

} 

y html:

<div class="usil"> 
    <div class="editable"> 
     <form> 
      <input type="text" class="myclass" /> 
     </form> 
    </div> 
</div> 

En la página de carga jQuery en elementos "MyClass" funcionan bien, pero otro script añadir dinámicamente "USIL" divs de clase y en este Dont jQuery divs trabajo. ¿Cómo hacerlo?

Answer 1

Uso delegación de eventos:

$(document).on('focus',"input.myclass", function() { 
     // something 
    }).on('blur',"input.myclass", function() { 
     // something 
    }); 

o

$(document).on({ 
    'focus': function() { 
     // something 
    }, 
    'blur': function() { 
     // something 
    } 
}, 'input.myclass'); 

http://api.jquery.com/on

http://learn.jquery.com/events/event-delegation/

Answer 2

Ese código podría ayudar:

$('input').live('focus', function() { 
    $('label span').text('focus'); 
}).live('blur', function() { 
    $('label span').text('blur'); 
}); 

Ejemplo de uso: http://jsfiddle.net/CPQ37/