-
WEB前端
站-
热门城市 全国站>
-
其他省市
-
-
400-636-0069
阿萨
2018-03-23
来源 ：网络
阅读 633
评论 0
摘要：我们要想在一个元素上绑定一个事件，那么这个元素必须先存在，也就是绑定事件动作前就已有这个元素。 这是一个给元素绑定任何事件的前提。 如果按照这种思路走，那么“给未来元素绑定事件”将会是一个死胡同。 我们跳出问题设定的思维陷阱，把元素绑在未来元素的父级jquery上，那么这个问题就迎刃而解了。
我们要想在一个元素上绑定一个事件，那么这个元素必须先存在，也就是绑定事件动作前就已有这个元素。
这是一个给元素绑定任何事件的前提。
如果按照这种思路走，那么“给未来元素绑定事件”将会是一个死胡同。
我们跳出问题设定的思维陷阱，把元素绑在未来元素的父级jquery上，那么这个问题就迎刃而解了。
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>mysql</li>').appendTo('ul.menu');
})
//给li绑定click事件//记住不要把事件直接绑定在son元素上$('.son').on('click',function(){})//正确的姿态：
$('.menu').on('click', '.son', function(){
alert('正在进入...');
})
ok，拿这个demo尝试一下，是不是未来添加的几个菜单项都被绑定了点击事件了呢？没错，jquery on 绑定未来事件就是这么简单。
希望这篇文章可以帮助到你。总之，同学们，你想要的职坐标IT频道都能找到！
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
