欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery彈窗插件colorbox綁定動(dòng)態(tài)生成元素的方法

 更新時(shí)間：2014年06月20日 08:59:12   投稿：junjie  
這篇文章主要介紹了jquery彈窗插件colorbox綁定動(dòng)態(tài)生成元素的方法,colorbox是一款非常好用的彈窗插件,需要的朋友可以參考下

colorbox是jquery一個(gè)非常好用的彈窗插件，功能十分豐富，使用體驗(yàn)也很好。

colorbox官網(wǎng)：http://www.jacklmoore.com/colorbox/


剛才在是用colorbox的時(shí)候遇到了一個(gè)問(wèn)題，這個(gè)問(wèn)題以前沒(méi)有注意過(guò)。

以前我都是講這個(gè)插件使用在靜態(tài)HTML元素中的，今天為動(dòng)態(tài)生成的元素綁定的時(shí)候發(fā)現(xiàn)不能用了。

常規(guī)的用法是這樣的：

復(fù)制代碼 代碼如下:

<a class="test" href="test.jpg" title="歡迎大家來(lái)到腳本之家">www.dbjr.com.cn</a>

復(fù)制代碼 代碼如下:

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

以上方法只適用于靜態(tài)元素，如果你要為動(dòng)態(tài)元素綁定colorbox效果的話，就得使用下面的這種方法了：

我們假設(shè)上面的那個(gè)html中的<a>標(biāo)簽是動(dòng)態(tài)生成的元素，那么js就得這么寫：

復(fù)制代碼 代碼如下:

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

好了，問(wèn)題完美的解決了。希望對(duì)你有幫助。

相關(guān)文章

最新評(píng)論