首页
学习
活动
专区
圈层
工具
发布

jQuery 动态绑定

这是在项目过程中所遇到的一个问题,给 JS 动态生成的元素绑定事件失效,代码如下所示:$(".more-btn").on('click', function() { console.log("peace...and love")};其中,more-btn 按钮是通过 layer 模块动态生成的,而我们在按钮上绑定的点击事件却没能生效,这是因为 DOM 节点还没有渲染出来,我们就将点击事件就绑定上了而通过查阅...jQuery 的 API 文档,on() 方法是支持给动态元素绑定事件的,即事件委托模式,我们首先要获取需要绑定的 selector 的父级元素或祖先元素,比较简单粗暴的办法就是使用 body 或者...document,然后在你绑定的事件后面跟上你的 selector 即可,代码如下所示:$(document).on('click',".more-btn", function() { console.log

2.5K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JQuery 事件绑定不生效

    一个同时问我,JQuery事件绑定为什么不生效,最好通过查找,发现了问题。 一般而言,JQuery事件绑定不生效,是一些新手经常遇到的问题,其实都是简单的问题,大概分两种情况。...在未加载完成之前,通过$("#button1").click方法来进行事件绑定,由于此时未加载完成,实际上$("#button1")是一个空数组,所以最终的结果是未对任何元素进行事件绑定。...那么如何解决这个问题呢,其实这个问题本不应该发生,一般新手比较容易出问题,解决的方式很简单,把事件绑定放在加载完成之后,JQuery的做法是: $(function(){ $("#button1").click...(function () { alert("button1 clicked"); }); }) 绑定事件后移除了元素重新加入 再看button2,button2首先通过JQuery...会自动把绑定的事件移除掉了,然后在加入的时候,事件绑定已经不存在了;这种情况应该如何解决呢?

    3.4K30

    jQuery 事件绑定 和 JavaScript 原生事件绑定

    总结一下:jQuery 事件绑定 和 JavaScript 原生事件绑定 及 区别 jQuery 事件绑定 jQuery 中提供了四种事件监听绑定方式,分别是 bind、live、delegate、on...addEventListener() 是标准的绑定事件监听函数的方法,是W3C所支持的,Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持该函数; 但是,IE8.0及其以下版本不支持该方法...",myAlert); 3 4 function myAlert(){ 5 6 alert("我是对话框"); 7 8 } jQuery 事件绑定和 JavaScript 事件绑定的区别...jQuery 中的事件绑定具有叠加性,JavaScript 的事件绑定则是可覆盖的。...可以发现: 使用 jQuery 的事件绑定方法,对同一个元素的 click 事件先后绑定了三个处理函数,结果按顺序都输出了,说明了 jQuery 的事件处理函数是叠加的; 而使用 JavaScript

    7K20

    jQuery 2.0将不再支持IE 678

    jQuery官方发布了下一阶段jQuery的路线图,该路线图显示jQuery 1.8将在一个月内发布,而其他后续版本的计划如下: jQuery 1.9 (early 2013): 该版本将移除所有在1.8...版本中废弃的接口,其他一些可能做为插件或者可选API使用,将继续支持IE 6/7/8 jQuery 1.9.x (ongoing in 2013 and beyond): 该版本将持续修复1.9中出现的...bug jQuery 2.0 (early 2013, not long after 1.9): 该版本在API上兼容1.9版本,但不再支持IE 6/7/8 详细的说明请看官方博客:blog.jquery.com...IE 6/7/8 will be supported as today. jQuery 1.9.x (ongoing in 2013 and beyond): This version will continue...: This version will support the same APIs as jQuery 1.9 does, but removes support for IE 6/7/8 oddities

    1K60

    jQuery 发布 2.0 版本,不再支持 IE 678

    昨天,jQuery 的官方博客发布了一条重要信息:jQuery 2.0 Released。jQuery 推出了最新升级版 2.0,下面来结合官方的说明,介绍一下最新版的一些特性。...jQuery 2.0 新特性 不再支持 IE 6/7/8,如果在 IE9/10 版本中使用“兼容性视图”模式也将会受到影响。...但是这个 1.X 系列的版本就有点蛋疼了,目前是 1.91 下一个版本就是 1.10 。 jQuery 2.0 适合谁 既然 jQuery 2.0 不支持老旧浏览器,那么为什么还要开发这个版本?...这个版本主要是用于目前一些比较高级的 JS 环境。这些 JS 环境跟老旧 IE 没有什么关系,那么 1.X 的 jQuery 中对老旧浏览器做的兼容就是多余的了,反而会影响效率。...从这里也可以看出 jQuery 团队对 IE 的无语和无奈。

    1.4K30

    JQuery IE下如何阻止keydown事件冒泡

    今天凑巧碰到一件怪事: 1.问题描述: 根据用户输入的内容按回车键作查询时,在IE下一直会触发一个Button按钮;IE下只有Button才会有这个问题,如果是a标签就不会有这样的问题?...3.举例说明: 1.阻止浏览器的默认行为 function stopDefault(e) { if(e && e.preventDefault) {  //如果提供了事件对象,则这是一个非IE...浏览器            e.preventDefault(); //阻止默认浏览器动作(W3C)         } else {  //IE中阻止函数器默认动作的方式            ...浏览器     e.stopPropagation();  //因此它支持W3C的stopPropagation()方法     } else { //否则,我们需要使用IE的方式来取消事件冒泡 ...window.event.returnValue = false;          }         return false;     } 这样就可以解决ie下面按回车键触发button click()事件了

    2K30
    领券