jQuery bind Methode

Question

In einem meiner HTML-Seite dynamisch einiges Dateifeld geladen, während eine Schaltfläche wie folgt

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


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


}); 

Meine Frage ist, wie man HTML-Seite neu hinzugefügte Element so zu „binden“, dass ich wie zugreifen

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

ich dies frage, weil

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

nicht in allen Browsern arbeiten, expecially IE

Bitte helfen dank

Answer 1

sollten Sie .on() verwenden, wenn Sie jQuery 1.7+ oder .delegate() niedrigeren verwenden.

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

P. S. Von welcher Version von IE reden wir, weil .live() funktionieren sollte (obwohl langsam wie Scheiße).

UPDATE

Demo für .delegate(): http://jsfiddle.net/PeeHaa/zqbBX/
Demo für .on(): http://jsfiddle.net/PeeHaa/ddJrs/

Answer 2

OnChange-Ereignis versuchen, während IE

Answer 3

Verwendung jquery .on(). .live() ist veraltet.

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); 
});