jquery 动态注册事件－－动态添加事件

最新推荐文章于 2023-03-14 13:17:10 发布

ftih0202

最新推荐文章于 2023-03-14 13:17:10 发布

阅读量2.7k

点赞数

分类专栏： jquery 文章标签： jquery button function xhtml html div

本文链接：https://blog.csdn.net/ftih0202/article/details/5750816

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

jquery 的事件是页面加载完成后开始注册的，后面页面通过Ajax添加的 button 的事件如果用的是 $('button').click () 的事件的话，就不能实现想要的功能，这里要用 $('button').live('click',function(){});

<!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>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">

$(function(){
var i=1;
$('button').live('click',function(){

$(this).parent().after($('<div style="width:100px; height:100px; background-color:#3FC;margin-top:20px;">jquery添加的第 '+i+' div<button>在下创建一个div</button></div>'));

i++;
});
});

</script>
</head>

<div style="width:100px; height:100px; background-color:#3FC;margin-top:20px;"><button>在下创建一个div</button></div>
</body>
</html>