<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link type="text/css" rel="stylesheet" href="style/base.css" />
<link type="text/css" rel="stylesheet" href="style/index.css" />
<script type="text/javascript" src="javascript/jquery-1.3.1.js"></script>
<script type="text/javascript" src="javascript/index.js"></script>
</head>
<body>
<div id="page">
<div id="content" class="clearfix">
<ul class="list">
<li><a href="#">Aw电视联赛第一天</a></li>
<li><a href="#">ToSsGirl为sGty...</a></li>
<li><a href="#">我们非常有信心...</a></li>
</ul>
......
</div>
<div id="footer">
....
</div>
</div>
</body>
</html>
问题:
<script type="text/javascript" src="javascript/index.js"></script>
应用了load方法在上面的#content里动态载入html,并对载入的部分进行一些应用,例如:
载入main0.html:
<div id="side-bar">
<h3>新闻热点</h3>
<ul class="list">
<li><a href="#">Aw电视联赛第一天</a></li>
<li><a href="#">ToSsGirl为sGty...</a></li>
<li><a href="#">我们非常有信心...</a></li>
</ul>
</div>
则index.js还对其中的li添加了一些设置,例如click等,现在的问题是加载过来的页面js就失效了,就是li的click就没有效果了,要怎么解决,请高手指点。
$.ajax()的 dataType参数值为
"html": 返回纯文本 HTML 信息;包含的script标签会在插入dom时执行。
你要先确认index.js输出的内容原本是有效的