JavaScript-API上的jQuery不会自动绑定

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript-API上的jQuery不会自动绑定，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1236字，纯文字阅读大概需要2分钟。

内容图文

也许我误解了.on() api of jQuery的功能.这是我正在尝试的代码：

http://jsfiddle.net/tugberk/Um9VE/

<a class="btn" href="#">foo</a>
<a href="#" class="new">New</a>

<script>
    $(function(){ 
        $("a.btn").on("click", function(){ 
            alert("foo");
        });
        $("a.new").click(function(){
            $("html").append($("<a/>").attr("class", "btn").attr("href", "#").text("bar"));
        });
    });
</script>

当我创建一个新的a.btn元素时,该事件在创建该元素后不会自动附加.创建新按钮后,可以通过触发.bind() api轻松实现此目的,但是我的一位朋友建议我.??on()事件会自动执行此操作.

因此,我是否误解了.on()API的功能？

解决方法:

为了使.on()像.delegate()或.live()一样工作,它需要特殊的语法.下面显示了您可以使用.on()/.off()的各种方式,以及使用.bind()/.live()和.delegate()以及.undelegate()的旧方法. )和.die().

$('a').bind('click', myHandler);
$('a').on('click', myHandler);

$('form').bind('submit', { val: 42 }, fn);
$('form').on('submit', { val: 42 }, fn);

$(window).unbind('scroll.myPlugin');
$(window).off('scroll.myPlugin');

$('.comment').delegate('a.add', 'click', addNew);
$('.comment').on('click', 'a.add', addNew);

$('.dialog').undelegate('a', 'click.myDlg');
$('.dialog').off('click.myDlg', 'a');

$('a').live('click', fn);
$(document).on('click', 'a', fn);

$('a').die('click');
$(document).off('click', 'a');

内容总结

以上是互联网集市为您收集整理的JavaScript-API上的jQuery不会自动绑定全部内容，希望文章能够帮你解决JavaScript-API上的jQuery不会自动绑定所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端