关于jquery插件thickbox使用在动态生成的连接上不能弹出层问题

Question

 thickbox使用时碰到这样的问题...
如果链接是静态的..则可以弹出层..
不过当前链接是动态通过脚本生成的..则不会产生弹出层效果..例如:
静态方式:
<a href="help.htm?TB_iframe=true&height=400&width=600" class="thickbox" title="bianji">login</a>动态生成方式:
    <script type="text/javascript" language="javascript">
        $(document).ready(function(){  
              $("#xxx1").append("<a href=\"help.htm?TB_iframe=true&height=400&width=600\" class=\"thickbox\" title=\"bianji\">login</a>");
         });
   </script>
        <div id="xxx1">
</div>不知道为什么第二种方式出不来弹出层效果模式呢..
请高手指点一二...怎样才能让动态生成的联接也能出来弹出层效果呢..

Answer 1

thickbox 是在document.ready里面绑定事件的，所以动态添加的没有事件，代码如下：$(document).ready(function(){   
tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
imgLoader = new Image();// preload image
imgLoader.src = tb_pathToImage;
});//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;
});
}你可以直接用函数tb_show("页面名称", url, false);弹出窗口

Answer 2

jQuery可以在页面生成以前就调用,不必等ready:
<script type="text/javascript" language="javascript">
        $jQuery(function(){ 
              $("#xxx1").append(" <a href=\"help.htm?TB_iframe=true&height=400&width=600\" class=\"thickbox\" title=\"bianji\">login </a>");
        });
</script> 

Answer 3

        function DODODO() {            $("#sectionb-2").append("<a href=\"#\" title=\"啊啊啊\" onclick='tb_show(\"描述吧？\",\" class=\"thickbox\"><img src=\"http://ww1.sinaimg.cn/thumbnail/87f72c4ejw1dshmjbwftvj.jpg\" alt=\"jj\" /></a>");
        }
    </script>