jquery on=>keyup无法绑定未来js添加的元素

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

$("[name=red_count]").on("keyup", countKeyUpBind);即使使用on的，也无法绑定未来元素，

所以直接在动态添加的时候，再进行绑定keyup事件

至于click是允许的

同时，对于jquery中before,after添加的标签，不管是click还是keyup都是没有绑定未来元素的功能

//红包个数统计 $("[name=red_count]").on("keyup", countKeyUpBind); //红包金额统计,keyup不能动态使用的 $("[name=red_money]").on("keyup", moneyKeyUpBind); function countKeyUpBind(){ var count = 0; $("#red_mode_set [name=red_count]").each(function () { var v = parseInt($(this).val()); if(!isNaN(v)){ count += v; } }) $("#red_quantity").html(count + "个"); } function moneyKeyUpBind(){ var amount = 0; $("#red_mode_set [name=red_money]").each(function () { var v = parseFloat($(this).val()); if (!isNaN(v)) { amount += v; } }) $("#red_amount").html(amount + "元"); } //添加红包模式 $(".drag_ad").click(function () { $("#red_mode_set").append($("#red_mode_template").html()); $("#red_mode_set [name=red_money]:last").bind("keyup", moneyKeyUpBind); $("#red_mode_set [name=red_count]:last").bind("keyup", countKeyUpBind); })

//金额统计,keyup不能动态使用的
$("[name=red_money]").on("keyup", moneyKeyUpBind); function moneyKeyUpBind(){
var amount = 0;
$("#red_mode_set [name=red_money]").each(function () {
var v = parseFloat($(this).val());
if (!isNaN(v)) {
amount += v;
}
})
$("#red_amount").html(amount + "元");
} //添加红包模式
$(".drag_ad").click(function () {
$("#red_mode_set").append($("#red_mode_template").html());
$("#red_mode_set [name=red_money]:last").bind("keyup", moneyKeyUpBind);
})

jquery on=>keyup无法绑定未来js添加的元素的更多相关文章

jquery与js添加子元素
例如在select中添加option JQuery做法: <select id="myselect" name="myselect"> </s ...
js添加删除元素
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8& ...
js添加页面元素
js动态创建html元素需要使用到下面这些常见的js方法. getElementById();//返回带有指定 ID 的元素. getElementsByTagName();//返回包含带有指定标签名 ...
js添加的元素无法触发click事件
动态生成的元素,使用.on绑定事件,比如$(document).on("click",".divclick",function(){})
JS添加DOM元素CSS权重BUG
修改删除table的时候,比如拆分合并单元格,合并全部TR中的某个TD后在拆分还原,即使直接在td标签中设置了td的高宽属性,当td在css文件中设置为宽度auto的时候,不能显示出TD来,显示TD宽 ...
js添加删除元素内容
<body> <div id="div" style="background: yellow;width:200px;height:200px;&quo ...
WEB前端技巧之JQuery为动态添加的元素绑定事件&period;md
jquery 为动态添加的元素绑定事件如果直接写click函数的话,只能把事件绑定在已经存在的元素上,不能绑定在动态添加的元素上可以用delegate来实现 .delegate( select ...
分别使用原生js和jQuery添加/删除元素的class属性
一.原生js添加/删除元素的class属性:  <span class="test&quo ...
jQuery中四个绑定事件的区别 on,bind,live,delegate
1.jQ操作DOM元素的绑定事件的四种方式 jQ中提供了四种事件监听方式,bind.live.delegate.on,对应的解除监听的函数分别是unbind,die,undelegate, ...

随机推荐

Java中引用类型变量，对象，值类型，值传递，引用传递区别与定义
一.Java中什么叫做引用类型变量?引用:就是按内存地址查询比如:String s = new String();这个其实是在栈内存里分配一块内存空间为s,在堆内存里new了一个Stri ...
CentOS 下SSH无密码登录的配置
CentOS 下SSH无密码登录的配置最近学习Hadoop.它要求各节点之间通过SSH无密码登录,配置SSH的时候费了一番功夫,记录下来,以备忘. 配置SSH无密码登录需要3步: 1.生成公钥和私钥 ...
javascript笔记01：javascript入门介绍
javascript是实现网页动态效果的基石,在web开发中扮演重要的角色,被广泛应用的各个领域 (1)网页游戏 (2)地图搜索 (3)股市信息查询 (4)web聊天 …………
Java设计模式--单列设计模式
设计模式:解决某一类问题行知最有效的方法.java有23种设计模式单列设计模式: 解决一个类在内存中只存在一个对象思路:(要保证对象的唯一性) 1.为了避免其它程序建立该对象,先禁止替他类创建改对 ...
EF中主表和附表一起提交的话，如果主附表的主键外键已经设定。
EF中主表和附表一起提交的话,如果主附表的主键外键已经设定,如果新增同时新增主表和附表的记录,那么在EF同时提交时,不需要人为的设定附表的主表的主键值,EF会自动为附表添加外键值.
已知直线上的两点 A(x1, y1), B(x2, y2) 和另外一点 C(x0, y0)，求C点到直线的距离。
数学知识太差,一点点积累,高手勿喷. 1. 先求出AB向量 a = ( x2-x1, y2-y1 ) 2. 求AB向量的单位方向向量 b = √((x2-x1)^2 + (y2-y1)^2)) a1 ...
sim808模块收发送短信
一,简介 SIM 808发送短信分text模式和PDU模式.text模式已ascii码发送短信,这种模式比较简单,发送命令AT+CMGF=1就可以发送短信,而PDU模式比较复杂,首先发送命令AT+CM ...
自建log4cxx&period;sln
log4cxx的下载包是0.10版本的,代码较旧,有些错误,应该从主干下载最新的代码． 0.10的下载包中有projects目录,内有VC6的工程文件; 还有site目录,内有vc构建的帮助文档vst ...
Android开发——Drawable与Bitmap知识
从资源中获得drawable Drawable drawable = getResources().getDrawable(R.drawable.xxx); drawable转换bitmapdrawb ...
Unsafe 学习和源码阅读
在代码中获取 Unsafe 对象的方法: // 在 AtomicInteger 里面是这么用的private static final Unsafe unsafe = Unsafe.getUnsafe ...