脚本宝典收集整理的这篇文章主要介绍了jquery on如何给未来元素绑定事件？，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
我们要想在一个元素上绑定一个事件，那么这个元素必须先存在，也就是绑定事件动作前就已有这个元素。
这是一个给元素绑定任何事件的前提。
如果按照这种思路走，那么“给未来元素绑定事件”将会是一个死胡同。
我们跳出问题设定的思维陷阱，把元素绑在未来元素的父级上，那么这个问题就迎刃而解了。
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 绑定未来事件就是这么简单。
声明原文来自求索网:jquery on如何给未来元素绑定事件
以上是脚本宝典为你收集整理的jquery on如何给未来元素绑定事件？全部内容，希望文章能够帮你解决jquery on如何给未来元素绑定事件？所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。