lytebox效果使用innerhtml更新页面内容后相关js文件失效

lytebox效果使用innerhtml更新页面内容后相关js文件失效 [已结贴,结贴人:dofeo]

dofeo
等级:

发表于：2008-02-17 22:05:17 楼主

不知道大家用过lytebox效果没有，一个类似于lightbox的代码。我用ajax写了段代码，其中用到了lytebox效果。问题来了，如果把ajax函数(例如showajax()，其中用到了innerhtml)加入到body标签中的onload事件，很正常。但如果随后进行了ajax操作，同样的那个showajax()函数，innerhtml出来的代码就无法使用lytebox效果了，不像正常的时候出现动画展开框架，而是像普通的超链接一样跳转到页面去。研究了一整天了，还是没有结果。想到了几种可能：1：head里的lytebox相关js文件失效，于是在showajax()里加入重新加载js文件的语句，不行；2：showajax()里的变量或者函数和lytebox的相关函数冲突，检查后没发现这样的情况；3：难道是lytebox需要使用utf-8字符，于是将xml改为utf-8，一样不行，而且在onload事件中的时候就很正常的，所以排除字符编码的可能。具体的代码没贴上来，比较多，我写了一段类似的代码，请大家查看一下，谢谢。附件是其中用到的js文件和css文件。

HTML code

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />
<script type="text/javascript">
function onloadjs(){
document.getElementById("aa").innerHTML="<a href=\"http://www.163.com\"  rel=\"lyteframe\" title=\"网易网站主页\" rev=\"width: 780px; height: 660px; scrolling: no;\" class=\"thickbox\">网易网站主页(onload出来的代码)</a>";
}
function showajax(){
document.getElementById("aa").innerHTML="<a href=\"http://www.163.com\"  rel=\"lyteframe\" title=\"网易网站主页\" rev=\"width: 780px; height: 660px; scrolling: no;\" class=\"thickbox\">ajax函数生成的代码</a>";
}
</script>
<title>无标题文档</title>
</head>
<body onload="onloadjs();">
<span id="aa"></span>
<p><input type="button" onclick="showajax();" value="点击调用ajax函数showajax()"></p>
</body>
</html>

该帖包含附件:http://dl2.csdn.net/down4/20080217/17220200915.rar

问题点数：100 回复次数：8 修改删除举报引用回复