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

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 事件绑定 和 JavaScript 原生事件绑定

    总结一下:jQuery 事件绑定 和 JavaScript 原生事件绑定 及 区别 jQuery 事件绑定 jQuery 中提供了四种事件监听绑定方式,分别是 bind、live、delegate、on..., 对应的解除监听的函数分别是 unbind、die、undelegate、off。...提示:如需添加只运行一次的事件然后移除,请使用 one() 方法。 event:必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值,也可以是数组。必须是有效的事件。...jQuery 中的事件绑定具有叠加性,JavaScript 的事件绑定则是可覆盖的。...可以发现: 使用 jQuery 的事件绑定方法,对同一个元素的 click 事件先后绑定了三个处理函数,结果按顺序都输出了,说明了 jQuery 的事件处理函数是叠加的; 而使用 JavaScript

    7K20

    JQuery 事件绑定不生效

    一个同时问我,JQuery事件绑定为什么不生效,最好通过查找,发现了问题。 一般而言,JQuery事件绑定不生效,是一些新手经常遇到的问题,其实都是简单的问题,大概分两种情况。...那么如何解决这个问题呢,其实这个问题本不应该发生,一般新手比较容易出问题,解决的方式很简单,把事件绑定放在加载完成之后,JQuery的做法是: $(function(){ $("#button1").click...(function () { alert("button1 clicked"); }); }) 绑定事件后移除了元素重新加入 再看button2,button2首先通过JQuery...的方法被创建出来,然后被加入到body中,然后绑定事件,之后从body中移除,然后在加入body中: var div = $("button2绑定的事件移除掉了,然后在加入的时候,事件绑定已经不存在了;这种情况应该如何解决呢?

    3.4K30

    【工作篇】再次熟悉 SpringMVC 参数绑定

    前言 主要现在项目中使用的参数绑定五花八门的,搞得很头大,例如有些用字符串接收日期,用字符串接受数组等等,完全没有利用好 SpringMVC 的优势,这里自己也总结一下,免得到时又要百度谷歌查找。...以下实践的 Spring 版本是:5.2.7.RELEASE 一、SpringMVC 中不同类型的数据绑定 1.1、基础数据类型 默认参数名 复制代码123456JAVA // http://localhost...只对当前 Controller 有效,也可以在 @ControllerAdvice 类中全局定义 复制代码12345678910111213141516171819JAVA/** * 初始化绑定参数...initBinderUser(WebDataBinder binder) { binder.setFieldDefaultPrefix("user."); } /** * 初始化绑定参数...1.3.1、使用时间戳传递(不是参数绑定方式) 复制代码12345JAVA// http://localhost:8080/dateType6?

    93311
    领券