jquery之动态生成页面添加class=“thickbox”的有关问题
日期：2014-05-17 浏览次数：20527 次
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代码后要重新绑定事件
------解决方案--------------------
我再网站后台动态生成了 <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>").html(data);
});
}
------解决方案--------------------
http://topic.csdn.net/u/20090904/09/9DEB99B9-A25C-4CA3-884E-379BF05B66EB.html
------解决方案--------------------
我试了一下，没有问题，估计是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>
------解决方案--------------------
用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
------解决方案--------------------
楼上有人说过了。插入后有重新绑定事件吗
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
