masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > teks badan

jquery弹窗插件colorbox绑定动态生成元素的方法_jquery

WBOY
Lepaskan： 2016-05-16 16:43:47
asal
1727 orang telah melayarinya

colorbox是jquery一个非常好用的弹窗插件，功能十分丰富，使用体验也很好。

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


刚才在是用colorbox的时候遇到了一个问题，这个问题以前没有注意过。

以前我都是讲这个插件使用在静态HTML元素中的，今天为动态生成的元素绑定的时候发现不能用了。

常规的用法是这样的：

复制代码 代码如下:

复制代码 代码如下:

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

以上方法只适用于静态元素，如果你要为动态元素绑定colorbox效果的话，就得使用下面的这种方法了：

我们假设上面的那个html中的标签是动态生成的元素，那么js就得这么写：

复制代码 代码如下:

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

好了，问题完美的解决了。希望对你有帮助。

Label berkaitan：
colorbox jquery
sumber：php.cn
Artikel sebelumnya：Blocksit插件实现瀑布流数据无限( 异步)加载_图象特效 Artikel seterusnya：java和javascript获取word文档的书签位置对比_javascript技巧
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...
daripada 2024-04-06 14:54:03
0
2
421
Bagaimana untuk mendapatkan semula nilai baris yang tidak dipilih dalam jadual data HTML menggunakan jquery Saya cuba mendapatkan nilai semua baris di mana butang tidak diklik. Sebagai contoh, apabi...
daripada 2024-04-05 09:26:49
0
1
1418
Perlukan skrip jquery untuk mengalihkan pilihan yang dipilih dari kotak pilihan berdasarkan pemilihan semasa pengguna akhir Saya mempunyai halaman HTML di mana pengguna akhir boleh meletakkan kedudukan item kami me...
daripada 2024-04-04 18:40:04
0
1
3528
Saya telah mencipta elemen dalam CSS tulen melalui penanda halaman. Ia dicipta tetapi tidak kelihatan Kod saya adalah seperti berikut: g=document.createElement('div');g.setAttribute("id&q...
daripada 2024-04-04 17:27:27
0
1
417
Tidak dapat menghantar data borang pada iOS Safari/Firefox Ini berfungsi pada semua platform kecuali Safari/Firefox pada iOS: jQuery("#gform_1&q...
daripada 2024-04-04 12:53:48
0
1
303
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan