méthode de liaison colorbox du plug-in pop-up jquery pour générer dynamiquement elements_jquery

Colorbox est un plug-in pop-up très simple à utiliser pour jquery. Il possède des fonctions riches et une bonne expérience utilisateur.

Site officiel de colorbox : http://www.jacklmoore.com/colorbox/

Je viens de rencontrer un problème lors de l'utilisation de colorbox, que je n'avais pas remarqué auparavant.

Je parlais de l'utilisation de ce plug-in dans des éléments HTML statiques, mais aujourd'hui, j'ai découvert qu'il ne pouvait pas être utilisé lors de la liaison d'éléments générés dynamiquement.

L'usage conventionnel est le suivant :

Copier le code Le code est le suivant :

www.jb51.net

Copier le code Le code est le suivant :

$(document).ready(function(){ 
$(".test").colorbox();
});

La méthode ci-dessus s'applique uniquement aux éléments statiques. Si vous souhaitez lier des effets colorbox à des éléments dynamiques, vous devez utiliser la méthode suivante :

Nous supposons que la balise dans le HTML ci-dessus est un élément généré dynamiquement, alors le js doit être écrit comme ceci :

Copier le code Le code est le suivant :

$(".test).live('clic',function(){
$.colorbox({href:$(this).attr('href'), open:true, height:'100%'});
Renvoie faux ;
});

D'accord, le problème est parfaitement résolu. J'espère que ça aide.