référence jquery un div inséré

Question

considérer:

<div id="message"></div> 

Le jquery dit:

var html_to_insert = '<div id="mynewdiv"><input id="myfield" name="myfield" type="text" value="" /></div>' 
$('#message').html(html_to_insert); 

Le résultat HTML est comme prévu:

<div id="message"><div id="mynewdiv"><input id="myfield" name="myfield" type="text" value="" /></div></div> 

Le problème que j'ai est quand je appelez le "myfield" cela ne fonctionne pas:

$('#myfield').change(function(){      
    alert("field changed");      
}); 

Comment puis-je résoudre ce problème?

Je crois que la raison pour laquelle il ne l'appellera pas est parce que le champ n'existe pas lorsque la page rend d'abord, mais je ne suis pas sûr de savoir comment le réparer.

Answer 1

Première

$('#myfield').change(      
    alert("field changed");      
); 

est invalide. il devrait être:

$('#myfield').change(function(){      
    alert("field changed");      
}); 

mais si vous l'appelez au chargement de la page, vous devriez utiliser live.

$('#myfield').live('change', function(){      
    alert("field changed");      
}); 

Answer 2

Pour voir si le champ existe faire:

alert($('#myfield').length > 0); 

Answer 3

peut aussi simplement ajouter l'événement après l'élém est inséré dans le DOM:

$('#message').html(html_to_insert, function() { 
    $('#myfield').change(function(){      
    alert("field changed");      
    }); 
});