jquery彈跳窗外掛colorbox綁定動態產生元素的方法_jquery

colorbox是jquery一個非常好用的彈跳窗插件，功能十分豐富，使用體驗也很好。

colorbox官網：http://www.jacklmoore.com/colorbox/

剛才在是用colorbox的時候遇到了一個問題，這個問題以前沒有註意過。

以前我都是講這個外掛使用在靜態HTML元素中的，今天為動態產生的元素綁定的時候發現不能用了。

常規的用法是這樣的：

複製程式碼 程式碼如下:

www.jb51.net

複製程式碼 程式碼如下:

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

以上方法只適用於靜態元素，如果你要為動態元素綁定colorbox效果的話，就得使用下面的這種方法了：

我們假設上面的那個html中的標籤是動態產生的元素，那麼js就得這麼寫：

複製程式碼 程式碼如下:

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

好了，問題完美的解決了。希望對你有幫助。