動的に要素を生成するための jquery ポップアップ プラグイン カラーボックス バインディング メソッド_jquery

Colorbox は、豊富な機能と優れたユーザー エクスペリエンスを備えた、非常に使いやすい jquery 用のポップアップ プラグインです。

カラーボックス公式ウェブサイト: http://www.jacklmoore.com/colorbox/

カラーボックスを使用するときに、これまで気付かなかった問題が発生しました。

以前、このプラグインを静的 HTML 要素で使用することについて説明しましたが、今日、動的に生成された要素をバインドする場合には使用できないことがわかりました。

従来の使用法は次のとおりです:

コードをコピーします コードは次のとおりです:

www.jb51.net

コードをコピーします コードは次のとおりです:

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

上記のメソッドは静的要素にのみ適用されます。カラーボックス効果を動的要素にバインドする場合は、次のメソッドを使用する必要があります:

上記の HTML の タグは動的に生成される要素であると想定しており、js は次のように記述する必要があります:

コードをコピーします コードは次のとおりです:

$(".test).live('click',function(){
$.colorbox({href:$(this).attr('href'), open:true, height:'100%'});
false を返します;
});

よし、問題は完全に解決した。お役に立てば幸いです。