富贵资源网 Design By www.hznty.com
1. 预绑定
首先解释一下什么叫预绑定。预绑定，顾名思义，就是在Web页面上的控件还没出现之前就绑定好事件。预绑定主要是指jQuery中的.on()方法。
2. Demo
HTML代码
<div id="root"> <input type="button" id="test" value="test"/> </div>
一般的jQuery代码：
$('#root').find('#test').on('click', function() {
...
});
预绑定的jQuery代码：
$('#root').on('click', '#test2', function() {
...
});
jQuery添加控件的代码
$('#root').append('<input type="button" id="test" value="test2"/>')
解释：在页面控件直接显示的情况下，例如'test'，上面的两种绑定控件事件的方法都没问题，都可以正常工作，但如果上面的HMTL代码是在模板中，例如jsview中，模板数据不是页面加载时就添加的，或者上面的HTML代码开始不在页面上，是通过jQuery添加的，例如test2是在页面加载之后某个时刻添加的控件，使用一般的绑定控件事件的代码就会有问题，你会发现控件没有绑定事件，而使用预绑定的方法，控件的事件就能绑定上，即使控件是后来添加的。
上面的内容就是jQuery的事件预绑定，jQuery文档地址为：http://api.jquery.com/on/。
以上所述是小编给大家介绍的jQuery的事件预绑定，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...