ThickBox 3 を複製後も利用する。
クラスで指定するだけでポップアップウインドウにしてくれるjqueryの便利プラグインThickBox3
さっそくこれを使ってサイトを構築してたわけですが、要素をコピーして別の領域に移動した後リンクをクリックしてもThickBox3が起動してくれない。これはどうもjqueryの仕様らしい。
そこでjquery1.3以降サポートされたlive関数を使って少し改造してみた
変更前
//add thickbox to href & area elements that have a class of .thickbox
function tb_init(domChunk){
$(domChunk).click(function(){
var t = this.title || this.name || null;
var a = this.href || this.alt;
var g = this.rel || false;
tb_show(t,a,g);
this.blur();
return false;
});
}
変更後
//add thickbox to href & area elements that have a class of .thickbox
function tb_init(domChunk){
$(domChunk).live(‘click’,function(){
var t = this.title || this.name || null;
var a = this.href || this.alt;
var g = this.rel || false;
tb_show(t,a,g);
this.blur();
return false;
});
}
これだけで複製後の要素も無事反応するようになりました。
参考サイト
http://h2ham.seesaa.net/article/113227100.html