jquery中对于为一组标签赋予点击事件
可以用each,但是each不能对动态的元素进行事件的绑定,
不过,其实也很简单,只需要获取所有的标签集,然后用动态绑定的方法,比如live进行绑定就可以了。
有时候,其实不难,只是自己想的太过复杂。
除此之外,对于已经绑定单击事件的元素,再绑定双击事件,会使得双击事件失效。
可以用以下方法进行解决;
var $timer =null;
$(".add_val").live('click',function(){ //增加属性值;
var aaa=$(this);
var val = aaa.prev();
clearTimeout($timer);
$timer =setTimeout(function(){
val.append("<input type='text' name='attr_val[]' size='5'>");
},300) }) $(".add_val").live('dblclick',function(){ //删除属性值;
clearTimeout($timer);
var aaa = $(this);
var val = aaa.prev();
if(val.children().length<2){
return;
}else{
val.children().last().remove();
} })
aaarticlea/png;base64,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" alt="" />
jquery中对于为一组标签赋予点击事件的更多相关文章
- Javascript(jQuery)中绑定页面上所有按钮点击事件的几种方式
方法一:使用document对象查找所有的按钮 [javascript] view plain copy 在CODE上查看代码片派生到我的代码片 //按照dom的方式添加事件处理 function B ...
- jquery中动态添加的标签绑定的click事件失效的解决办法
把.click()换成.live('click',function(){})(如果你的jquery的版本是1.10之前) 把.click()换成.on('click',function(){})(jq ...
- jquery中 苹果手机对on触发的点击事件无效果
在被点击的元素上加上样式 cursor:pointer; 苹果手机就可以触发事件了
- Jquery中动态生成的元素没有点击事件或者只有一次点击事件
今天用jq做动态生成的元素的click事件时,click只执行了一次,当然有些朋友可能根本没执行, 执行了一次的原因是因为可能有函数加载了一遍,一次都没执行的可能是没绑定对象或者jq版本问题, 动态生 ...
- JQuery中两个ul标签的li互相移动实现方法
这篇文章主要介绍了JQuery中两个ul标签的li互相移动实现方法,可实现ul标签中li标签内容相互替换的技巧,涉及jQuery操作页面元素的相关技巧,需要的朋友可以参考下 本文实例讲述了JQuery ...
- es6 Object.assign ECMAScript 6 笔记(六) ECMAScript 6 笔记(一) react入门——慕课网笔记 jquery中动态新增的元素节点无法触发事件解决办法 响应式图像 弹窗细节 微信浏览器——返回操作 Float 的那些事 Flex布局 HTML5 data-* 自定义属性 参数传递的四种形式
es6 Object.assign 目录 一.基本用法 二.用途 1. 为对象添加属性 2. 为对象添加方法 3. 克隆对象 4. 合并多个对象 5. 为属性指定默认值 三.浏览器支持 ES6 O ...
- jquery中动态新增的元素节点无法触发事件解决办法
在使用jquery中动态新增的元素节点时会发现添加的事件是无法触发的,我们下面就为各位来详细的介绍此问题的解决办法. 比如做一个ajax读取留言列表的时候,每条留言后面有个回复按钮,class为“re ...
- jQuery中如何给动态添加的元素绑定事件
jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定.在1.7版本以前使用live.但是在1.8版本以后推荐使用on.这 ...
- WebView 实现JS效果和a标签的点击事件
目前很多android app都可以显示web页面的界面,嵌入式开发,这个界面一般都是WebView这个控件加载出来的,学习该控件可以为你的app开发提升扩展性. 先说下WebView的一些优点: 可 ...
随机推荐
- idea搭建maven项目 【转发】
为了创建maven项目可是花了我时间了,网上的教程跟我的实际情况不符合,尤其是facets .artifacts 那块.幸亏找到这篇文章没解决了我的问题,他的描述跟我的情况一模一样.这篇文章竟然来自百 ...
- Vue2.0 Props双向绑定报错简易处理办法
在写项目的时候遇到了一个报错问题,虽然功能是正常运行,chrome的提示是:[Vue warn]: Avoid mutating a prop directly since the value wil ...
- 《阿里巴巴Java开发手册》更新为《Java开发手册》
新版一览:华山版<Java开发手册> <阿里巴巴Java开发手册>始于阿里内部规约,在全球Java开发者共同努力下,已成为业界普遍遵循的开发规范,涵盖编程规约.异常日志.单元测 ...
- Educational Codeforces Round 60 (Rated for Div. 2) 即Codeforces Round 1117 C题 Magic Ship
time limit per test 2 second memory limit per test 256 megabytes input standard inputoutput standard ...
- [luoguP1901] 发射站(单调栈)
传送门 呵呵 ——代码 #include <cstdio> #include <iostream> #define N 1000010 #define LL long long ...
- sql语句的字段转成Date
ms_sql:convert(datetime,'2010-11-13')cast('2017-01-01' as datetime) Oracle:to_date('2017-01-01') mys ...
- [bzoj 1041][HAOI2008]圆周上的整点(枚举)
题目:http://www.lydsy.com/JudgeOnline/problem.php?id=1041 分析:实质上是求(a,b,c)勾股数的个数,其中c是确定的. 对于勾股数有一组通式: a ...
- 函数式语言(functional language)定义、函数式语言的种类以及为什么函数式语言会流行起来的学习笔记
一.什么是函数式语言? 函数式语言一类程序设计语言,是一种非冯·诺伊曼式的程序设计语言.函数式语言主要成分是原始函数.定义函数和函数型.这种语言具有较强的组织数据结构的能力,可以把某一数据 ...
- Node & Express: some tips
1. 设置Express端口号: 在app.js中添加 app.set('port', process.env.PORT || 3000); 之后命令行中打入 PORT=1234 node app.j ...
- javaScript 超时与间歇掉用
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...