原文来自:http://www.qiusuoweb.com/74.html

我们要想在一个元素上绑定一个事件,那么这个元素必须先存在,也就是绑定事件动作前就已有这个元素。

这是一个给元素绑定任何事件的前提。

如果按照这种思路走,那么"给未来元素绑定事件"将会是一个死胡同。

我们跳出问题设定的思维陷阱,把元素绑在未来元素的父级上,那么这个问题就迎刃而解了。

demo如下:

html部分代码<ul class="menu">
<li class="son">php</li>
<li class="son">javascript</li>
</ul>
<button class="add">添加菜单</button>js部分代码$('button.add').click(function(){
$('<li class="son">mysql</li>').appendTo('ul.menu');
})//给li绑定click事件
//记住不要把事件直接绑定在son元素上$('.son').on('click',function(){})
//正确的姿态:$('.menu').on('click', '.son', function(){
alert('正在进入...');
})ok,拿这个demo尝试一下,是不是未来添加的几个菜单项都被绑定了点击事件了呢?没错,jquery on 绑定未来事件就是这么简单。

最佳答案

评论() 相关

收藏

赞

诚心

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。