52,797
社区成员
发帖
与我相关
我的任务
分享ajax返回的HTML如何继续使用原页面上的ajax
页面A发送AJAX请求，B页面返回的html如何使用A页面上定义的ajax
代码如下
页面A：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>测试</title>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function() {
alert("123");
});
$("#sj").load("ajax.php");//这里将返回页面B的内容
})
</script>
</head>
<body>
<div><a href="#">原页面</a></div>//点这个链接，事件能正常运行
<div id="sj"></div>
</body>
页面B:
<?php
echo "<a href=\"#\">新页面</a>";//加载后点这个链接，事件无效
?>
代码如下
页面A：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>测试</title>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function() {
alert("123");
});
$("#sj").load("ajax.php");//这里将返回页面B的内容
})
</script>
</head>
<body>
<div><a href="#">原页面</a></div>//点这个链接，事件能正常运行
<div id="sj"></div>
</body>
页面B:
<?php
echo "<a href=\"#\">新页面</a>";//加载后点这个链接，事件无效
?>
...全文
请发表友善的回复…
发表回复
lgs_div 2017-08-31
- 打赏
- 举报
如果是使用hover事件的话,应该怎么解决,貌似只能执行"mouseover"事件而已,而"mouseout"事件没能执行/////
q514232113 2016-04-26
- 打赏
- 举报
谢谢slwsss的解答，搞定了
slwsss 2016-04-23
- 打赏
- 举报
$("body").on("click","a",function(){... });
