ajax返回的HTML如何继续使用原页面上的ajax

时间：2021-10-04 23:54:28
页面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>";//加载后点这个链接，事件无效
?>

3 个解决方案

#1

$("body").on("click","a",function(){... });

#2

谢谢slwsss的解答，搞定了

#3

引用 1 楼 slwsss 的回复:
$("body").on("click","a",function(){... });

如果是使用hover事件的话,应该怎么解决,貌似只能执行"mouseover"事件而已,而"mouseout"事件没能执行/////

#1

$("body").on("click","a",function(){... });

#2

谢谢slwsss的解答，搞定了

#3

引用 1 楼 slwsss 的回复:
$("body").on("click","a",function(){... });

如果是使用hover事件的话,应该怎么解决,貌似只能执行"mouseover"事件而已,而"mouseout"事件没能执行/////
标签：

相关文章