jQuery的綁定方法

Question

在我的HTML頁面的一個動態加載一些文件中的字段，而點擊一個按鈕像如下

$('#add').click(function(){ 


$('#files').append('<input type="file" class="myfile" name="myfile" />'); 


}); 

我的問題是如何「綁定」新添加的元素到HTML頁面，這樣我可以訪問諸如

$('.myfile').change(function(){ 
// Code Here 
}); 

我問這是因爲

$('.myfile').live('change',function(){ 
// Code here 
}); 

不是在所有瀏覽器中工作，expecially IE

請幫助謝謝

Answer 1

那麼當您正在使用jQuery 1.7+或.delegate()如果使用低.on()。

http://jsperf.com/jquery-live-vs-delegate-vs-on

P.S.我們在討論什麼版本的IE，因爲.live()應該可以工作（儘管速度很慢）。

UPDATE

演示了.delegate()：http://jsfiddle.net/PeeHaa/zqbBX/
演示了.on()：http://jsfiddle.net/PeeHaa/ddJrs/

Answer 2

，同時使用IE

Answer 3

使用jQuery .on()嘗試onchange事件。 .live()已棄用。

jQuery(document).on('change', '.myfile', function(){ 
     alert("it works!"); 
    } 
); 

Answer 4

$('#add').click(function(){ 
    var item = $('<input type="file" class="myfile" name="myfile" />').change(function(){ 
    alert('TEST'); 
    }); 
    $('#files').append(item); 
});