在有限的时间内暂时禁用元素/图像的实时点击
disable live click for element/image temporarily for a limited duration
我有一个jquery .live("click")
函数,用于单击图像时文本框将变为可编辑的图像。
现在,当我点击一些按钮(比如检查)时,我想禁用图像的实时点击。
我不想隐藏图像。
我试着设置
$("#contact_no_edit_img, #email_edit_img")
.attr("disabled", "disabled")
.css("opacity","0.5");
但实时点击仍然适用于该图像
除了隐藏图像或使用临时变量检测并允许实时点击之外,还有其他方法吗?!
注意:我不想把它改成.on,因为这需要我们重新编码整个项目!!
实际上,您不应该再使用.live()函数了。相反,您应该使用.on("click")
和.off("click")
。您应该看到关于这一点的jQuery文档:http://api.jquery.com/off/
您可以使用die()
删除带有live()
的处理程序集。
但值得注意的是,live
及其相关函数自jQuery1.7以来就一直被弃用。您实际上应该将on
与委托选择器一起使用。
您将需要查看.off()
(适用于动态创建的元素的.unbind()
的等价物),.die()
已被弃用,已删除,甚至是限制每个绑定元素只有一个事件触发器的.one()
。
是否可以更改live的选择器?
$("#contact_no_edit_img:not([disabled=disabled])").live('click', function(){});
它将只作用于没有disabled="disabled"
使用die jquery禁用点击事件
$( "p" ).live( "click", callback function );
// Now foo will no longer be called
$( "p" ).die( "click", callback function );
相关文章:
- 如何使用css动画/javascript使具有背景图像的元素出现
- 将包含SVG元素的HTML转换为图像文件
- 如何通过选择器元素将图像添加到javascript下拉警报消息中
- 如何缩放像图像一样的元素
- 在d3中向DOM元素添加了图像,但现在它赢得了't过渡
- 普通JS:使80%宽度元素100%IF包含一个图像
- 无法为HTML5中具有画布和图像的可拖动元素设置“拖动图像”
- 将href中的图像替换为其他元素中的图像
- 单击即可更改元素中的图像
- 不显示为表单元素的图像输入按钮的动态创建和appendChild
- Javascript获取元素背景图像,但消除了“;url()”;
- 使用漂亮的照片点击另一个元素显示图像
- 将图像附加到没有 id 或值的 td 元素
- 在指令内加载后访问子元素图像
- 在有限的时间内暂时禁用元素/图像的实时点击
- 在镶边中选择渲染的图片元素图像
- 在执行之前,请检查是否已加载子元素(图像)
- 如何更改单击时HTML元素(图像)的顺序
- 如何在Raphael.js中仅针对纸张的第二元素(图像或矩形)
- 我想用html/stylesheet中的文本来更改元素图像