jquery之动态生成页面添加class=“thickbox”的问题

我再网站后台动态生成了 <a href="cloth_pic/02.jpg" title="乱点"  class="thickbox"  rel="a"> <img src="cloth_pic/02.jpg" alt=""/> </a>  ， 
然后通过js  在一个div中，使用div.innerHtml 将生成的那段加入网页， 
    可是其显示效果就不像 直接将 <a href="cloth_pic/02.jpg" title="乱点"  class="thickbox"  rel="a"> <img src="cloth_pic/02.jpg" alt=""/> </a>放入网页那种效果， 
  单击就打开了另外的页面显示出图片。

解决方案 »

  1.   

    插入html代码后要重新绑定事件
      

  2.   

    $(document).ready(function(){ 
      
    $.get("后台页面.asp?randID="+Math.random(), function(data){  

     $("#前台放图片的<div的ID>").html(data);
           
    });
    }后台页面.asp
    response.write("<a href=""cloth_pic/02.jpg"" title=""乱点""  class=""thickbox""  rel=""a""> <img src=""cloth_pic/02.jpg"" alt=""""/> </a>")
    前台
    <div id="前台放图片的<div的ID>"></div>就这样你试试吧
      

  3.   

    http://topic.csdn.net/u/20090904/09/9DEB99B9-A25C-4CA3-884E-379BF05B66EB.html
      

  4.   

    我试了一下，没有问题，估计是js里面字符串合并有问题，重点看一下单双引号是不是配对。
    下面是我试的全部代码。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
    <script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    var num = 1;
    $("#Div1").html('<a href="/images/gif' + num + '.gif" title="乱点"  class="thickbox"  rel="a"> <img src="/images/gif' + num + '.gif" alt="" width="30px" height="30px"/> </a>');
    });
      </script>
    </head>
    <body>
    <div id="Div1"></div>
    </body>
    </html>
      

  5.   

    用alert看一下js的字符串对不对。
      

  6.   

    不对，thickbox 它是刚刚进入时把底下的所有a链接初始化的。但是你后面出来的a链接它并没有初始化。所以你div.innerHtml 这个方法执行完之后。再加一句初始化 、、、你看看thickbox.JS里面的初始化。再全部调用一次。
      

  7.   

     <script src="JS/prototype.js" type="text/javascript"></script>
    <script src="JS/scriptaculous.js?load=effects" type="text/javascript"></script>
    <script src="JS/lightbox.js" type="text/javascript"></script>
    <script src="JS/userjng.js" type="text/javascript"></script>
     <a href="../Template/<%# Eval("Pic").ToString()%>.jpg"  rel="lightbox">
    <img src="../Template/<%# Eval("Pic")%>" width="135" height="136" border="0" />
     </a> 
    或使用jwindow
      

  8.   

    Ajax加载内容后用tb_init(’a.thickbox, area.thickbox, input.thickbox’);
    重新初始化 即可
    ---------------------------------
    http://banmee.net