jquery1.3.2的动态绑定事件方法live不支持blur,focus,mouseenter,mouseleave,change,submit,特别是不支持blur,focus事件使我很不爽(因为我的页面需要这个功能,:)。
后来发现livequery这个插件,发现它支持blur,focus,并且还支持自定义方法,很强!于是替代了jquery自带的live,完美!
注意,新出来的jQuery1.4不用livequery这个插件也可以实现了!
I've successfully used livequery plugin as a complement to .live() function in jQuery. Not only can it bind events like
focus,blur and change (that live() does not support yet, as of 1.3.2) but also it provides you with a mechanism to
bind custom events to DOM elements on the fly. For example, I used it to bind draggable and droppables to some DOM elements which will be added through Ajax. It makes my code much simpler to read and easier to maintain.
//我要动态修改span中的文字
function formatUserName(value, pid){
var span="<span class='spanModify' style='color:red' id='"+pid+"'>"+value+"</span>";
return span;
}
//双击span变成一个文本输入框
$('.spanModify').live('dblclick',function(){//使用jquery自带的live动态绑定dblclick
var id=$(this).attr('id');
var value=$(this).text();
var input=$("<input class='inputBlur' type='text'>").attr({'value':value,'id':id});
$(this).replaceWith(input);
input.focus();
return;
});
//文本输入框失去焦点时变回span
$('.inputBlur').livequery('blur',function(){//动态绑定blur,需要livequery插件
var id=$(this).attr('id');
var value=$(this).val();
var span=$("<span class='spanModify' style='color:red'></span").attr({'id':id}).text(value);
$(this).replaceWith(span);
return;
});
很简单实现了
分享到:
相关推荐
jquery.livequery.js是jquery中的动态绑定事件所需的plugins
jquery.livequery.js
这是一些jQuery livequery的小例子源码演示,我想对学习livequery是有一定帮助的,实例中一共包括三个演示文件: 第一个演示:livequery导致的超链接... ... 第三个演示:使用hover函数 绑定mouseover和mouseout事件
摘要:脚本资源,jQuery,livequery 这是一些jQuery livequery的小例子源码演示,我想对学习livequery是有一定帮助的,实例中一共包括三个演示文件: ... 第三个演示:使用hover函数 绑定mouseover和mouseout事件
前端项目-hazzik-jquery.livequery,Live Query利用jQuery选择器的强大功能,即使在加载页面和更新DOM之后,也会神奇地自动调用匹配的元素。
jquery.livequery.js可以使用自己试过
使用livequery插件,或可以使用jquery的live方法。摘录一段live简单使用方法。 更多详情还见官网 http://api.jquery.com/live/ live(type, [data],fn) 概述 jQuery给所有匹配的元素附加一个事件处理函数,即使这个...
前端项目-livequery,一个jquery插件,可以帮助动态doms。
这是一些jQuery livequery的小例子源码演示,我想对学习livequery是有一定帮助的,实例中一共包括三个演示文件: 第一个演示:livequery导致的超链接点击;... 第三个演示:使用hover函数 绑定mouseover和mouseout事件
Javascript Framework jQuery Livequery
好东西 liveQuery源码 平时在用的时候很少看源码 找到了源码后好好分析了下 果然好东西
老师让我们使用jquery写的一个踩地雷的小游戏,自定义方格数量和地雷数。地雷位置随机产生,使用了livequery绑定动态创建的标签。
提供LiveQuery(类似于SQL)以响应组件使用redux-livequery库的Todos Live Demo ()动机Redux提供了一种管理React应用程序状态的好方法,但是它缺少查询/聚合操作来将多个状态组合在一起以获取我们想要的数据...
解析适用于Android的LiveQuery Client ParseQuery是Parse的关键概念之一。 它允许您通过指定一些条件来检索ParseObject ,从而轻松构建诸如仪表板,待办事项列表甚至某些策略游戏之类的应用程序。 但是, Parse...
网上找此类代码用了好多,这个用的感觉是最好的,简洁,易调整 推荐给大家用用 jqzoom,相信大家非常熟悉,做放大镜用的,我们今天也用上了。。。
已弃用,请使用https://github.com/parse-community/parselivequery-android
解析适用于iOS / OSX的LiveQuery Client PFQuery是解析的关键概念之一。 它允许您通过指定一些条件来检索PFObject ,从而可以轻松构建诸如仪表板,待办事项列表甚至某些策略游戏之类的应用程序。 但是, PFQuery...
如何使用LiveQuery实现对查询结果的实时更新 如何自动登录LeanCloud用户系统 如何在登录后设置帐号与密码以供用户在其他平台的 如何实现微信支付(需配合) 如何实现拖放刷新 你可以通过微信/ QQ扫描以下二维码进入...
(最新) 或使用安装: # install arrive.js and add it to bower.json dependencies$ bower install arrive --saveNode.js / NPM Node.js用户可以使用npm安装: $ npm install arrive --save用法该库不依赖jQuery,...