如何在动态插入元素上使用焦点和模糊？

Question

我有功能：

$(document).ready(function(){ 

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

} 

和HTML：

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

在加载页面的jQuery的“MyClass的”元素正常工作，但其他脚本动态添加“USIL”类的div并在此div的jQuery的不要工作。怎么做？

Answer 1

使用事件代表团：

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

或

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

http://api.jquery.com/on

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

Answer 2

该代码可以帮助：

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

用例： http://jsfiddle.net/CPQ37/