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的一些优点: 可 ...
随机推荐
- JSP内置对象说明
JSP内置对象说明 制作人:全心全意 request对象:request对象封装了由客户端生成的HTTP请求的所有细节,主要包括HTTP头信息.系统信息.请求方式和请求参数等.通过request对象提 ...
- MySQL Insert数据量过大导致报错 MySQL server has gone away
接手了同事的项目,其中有一个功能是保存邮件模板(包含图片),同事之前的做法是把图片进行base64编码然后存在mysql数据库中(字段类型为mediumtext)然后保存三张图片(大概400k)的时候 ...
- 设置Python解析器
如果同时安装了多个Python,如 Python2.7 和 Python3.7 .如果某些特殊原因(比如有些框架只能在Python2.7中使用),需要修改程序在 Python2.7 下运行,即可设置P ...
- Literature Review on Tidal Turbine
source: scopus , SCIE keywords in tilte: tidal turbine Software: Bibliometrix
- AC自动机模板浅讲
Description 给你N个单词,然后给定一个字符串,问一共有多少单词在这个字符串中出现过(输入相同的字符串算不同的单词,同一个单词重复出现只计一次). Input 第一行一个整数N,表示给定单词 ...
- 实验吧-catalyst-system
刚学逆向很多都不懂,本题也是在看了 http://countersite.org/articles/reverse_engineering/136-revers-s-alexctf-2017.html ...
- 5-14 电话聊天狂人 (25分) HASH
给定大量手机用户通话记录,找出其中通话次数最多的聊天狂人. 输入格式: 输入首先给出正整数NN(\le 10^5≤105),为通话记录条数.随后NN行,每行给出一条通话记录.简单起见,这里只列出 ...
- kendo grid dropdownlist 联动 cascading
之前是无法联动的 后来将html页面中的 //$('<input required data-text-field="CompanyName" data-value-fiel ...
- 条款45: 弄清C++在幕后为你所写、所调用的函数
如果你没有声明下列函数,体贴的编译器会声明它自己的版本.这些函数是:一个拷贝构造函数,一个赋值运算符,一个析构函数,一对取址运算符.另外,如果你没有声明任何构造函数,它也将为你声明一个缺省构造函数.所 ...
- Android-spinner
Android-spinner 一 Adapter概念 spinner:下拉栏里面的TextView 指定系统spinner:在xml文件中面的spinner中的属性android:entries=& ...