Bouton Jquery UI sur les éléments ajoutés après le chargement de la page

Question

J'ai le widget bouton jquery ui qui fonctionne avec le code suivant.

$(.remove_img).button({ 
    icons: { 
    primary: 'ui-icon-cancel' 
    } 
    }); 

mais s'il n'y a pas une image en place, le téléchargement, je suis un bouton avec l'ajout .remove_img de classe, il est donc pas dans les DOM de la charge de page. existe-t-il un moyen de l'obtenir afin que le bouton ajouté déclenche toujours le même code .button?

i essayé

$('.remove_img').live('click', function(event){ 
$(this).button({ 
    icons: { 
    primary: 'ui-icon-cancel' 
    } 
    }); 
}); 

mais il ne m'a pas nulle part.

Answer 1

live() devrait être exactement ce dont vous avez besoin. Pouvez-vous faire quelque chose de très simple dans le rappel pour vérifier s'il est lié ou non? Comment générez-vous les éléments plus tard? Utilisez-vous append() de jQuery pour le faire?

En utilisant live et append devrait fonctionner très bien, il est à peu près le reste l'exemple le plus fondamental de la façon d'utiliser live, donc quelque chose qui se passe ici.