当前位置: 代码迷 >> ASP.NET >> jquery之动态生成页面添加class=“thickbox”的有关问题
  详细解决方案

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

热度:5645   发布时间:2013-02-25 00:00:00.0
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>放入网页那种效果, 
  单击就打开了另外的页面显示出图片。

------解决方案--------------------------------------------------------
插入html代码后要重新绑定事件
------解决方案--------------------------------------------------------
JScript code
$(document).ready(function(){   $.get("后台页面.asp?randID="+Math.random(), function(data){                  $("#前台放图片的<div的ID>")(data);           });}
------解决方案--------------------------------------------------------
http://topic.csdn.net/u/20090904/09/9DEB99B9-A25C-4CA3-884E-379BF05B66EB
------解决方案--------------------------------------------------------
我试了一下,没有问题,估计是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")('<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>
------解决方案--------------------------------------------------------
用alert看一下js的字符串对不对。
------解决方案--------------------------------------------------------
不对,thickbox 它是刚刚进入时把底下的所有a链接初始化的。但是你后面出来的a链接它并没有初始化。所以你div.innerHtml 这个方法执行完之后。再加一句初始化 、、、你看看thickbox.JS里面的初始化。再全部调用一次。
------解决方案--------------------------------------------------------
<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
------解决方案--------------------------------------------------------
楼上有人说过了。插入后有重新绑定事件吗
  相关解决方案