JQuery-Popup-Plug-In-Colorbox-Bindungsmethode zum dynamischen Generieren von elements_jquery

Colorbox ist ein sehr einfach zu verwendendes Popup-Plugin für JQuery. Es verfügt über umfangreiche Funktionen und eine gute Benutzererfahrung.

Offizielle Website von Colorbox: http://www.jacklmoore.com/colorbox/

Ich bin gerade bei der Verwendung von Colorbox auf ein Problem gestoßen, das mir vorher nicht aufgefallen war.

Früher habe ich über die Verwendung dieses Plug-Ins in statischen HTML-Elementen gesprochen, aber heute habe ich festgestellt, dass es nicht zum Binden dynamisch generierter Elemente verwendet werden kann.

Die herkömmliche Verwendung ist wie folgt:

Code kopieren Der Code lautet wie folgt:

www.jb51.net

Code kopieren Der Code lautet wie folgt:

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

Die obige Methode gilt nur für statische Elemente. Wenn Sie Colorbox-Effekte an dynamische Elemente binden möchten, müssen Sie die folgende Methode verwenden:

Wir gehen davon aus, dass das -Tag im obigen HTML ein dynamisch generiertes Element ist, dann muss das js wie folgt geschrieben werden:

Code kopieren Der Code lautet wie folgt:

$(".test).live('click',function(){
$.colorbox({href:$(this).attr('href'), open:true, height:'100%'});
Gibt false zurück;
});

Okay, das Problem ist perfekt gelöst. Hoffe es hilft.