Ajouter styles ajoutés dynamiquement des éléments avec jQuery

Question

Heres la démo

http://lufi.realservers.info/demos/add_forms_dynamically/

quand j'ajouter un autre élément (boîtes d'entrée) je ne peux pas enlever les étiquettes grisés apparaissent en italique-à l'intérieur contrairement aux premières cases d'entrée. En outre, ils ne disparaissent que si je clique sur le premier ensemble de zones de saisie.

Existe-t-il d'autres façons d'ajouter des styles à des éléments ajoutés dynamiquement?

Answer 1

Vous pouvez essayer la méthode live() pour l'appliquer à un élément ajouté dynamiquement.

Answer 2

En plus d'utiliser live pour vos événements (qui s'appliqueront aux choses qui ne sont pas encore dans le dom mais qui ajouteront des événements quand ils sont ajoutés), vous pouvez aussi changer votre fonction qui supprime le texte de l'entrée. moment, il va tout enlever, ce qui n'est probablement pas ce que vous voulez.

Au lieu de:

$('.inbox').css('color','black'); 
$('.inbox').css('font-style','normal'); 
$('.inbox').val(''); 

Essayez

$(this).css({'color': 'black', 'font-style': 'normal'}).val(''); 

Answer 3

vous pouvez également opter pour jQuery.delegate()