原文:jQuery 绑定事件到动态创建的元素上

在进入主题之前,我们先来看一个前台页面经常用到的功能:点击页面输入框时自动选择其中文本。 很容易想到利用输入框的focus事件,当输入框获得焦点时,再调用jQuery的select 方法。 Okay,想法很简单,逻辑似乎也无错。具体我们来看一下现实到底能不能实现。 .页面构造个表单,放上几个输入框。代码看起来是这样子的。 出来的界面在Chromium里差不多是这个样子的: .然后开始写我们的Ja ...

2013-08-12 23:33 11 14454 推荐指数:

查看详情

解决jquery动态创建元素绑定事件失效问题

存在问题 在我们使用jquery动态创建元素后往往会遇到一些问题,如: 给.button按钮绑定了点击时间,执行alert:(1); 点击事件代码如下: <script>$("#add").click(function(){ var btn='<input ...

Fri Dec 16 00:23:00 CST 2016 0 6256
jquery:为动态加载的元素绑定事件

最近在做项目的时候发现的一个问题,通过ajax动态加载出来的一个button值绑定不了点击事件。我使用的是datatables这款表单插件,表单内容是通过ajax动态渲染出来的。 解决方案: 通过Google,我发现在jquery1.7版本之前通常使用 .live() 这个事件,但是这个方法 ...

Wed Jul 24 19:21:00 CST 2019 0 4441
关于 jquery html 动态添加的元素绑定事件——On()

Ajax动态生成的数据,动作绑定需要重新执行 JQuery On() 定义和用法 on() 方法在被选元素及子元素上添加一个或多个事件处理程序。 自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品 ...

Tue Mar 14 23:30:00 CST 2017 0 3938
jquery动态添加的dom元素绑定事件

这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定,对于页面中动态添加的元素,在页面加载完成后添加的,因此页面加载时无法给其绑定事件处理函数,好在jquery提供了on方法,如为动态添加的元素附加单击事件。对于jquery1.7+的版本直接用on方法 ...

Tue Apr 29 16:34:00 CST 2014 0 2326
jQuery动态添加的元素绑定事件的方法

jquery绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用live。但是在1.8版本以后推荐使用on。 需要给<ul>里面动态添加的<li>标签添加click事件 ...

Sat May 14 23:56:00 CST 2016 0 2096
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM