轉：Jquery绑定img的click事件

【轉：Jquery绑定img的click事件】的更多相关文章

轉：Jquery绑定img的click事件

用JQUERY给IMG element绑定click事件的时候,直接用img.click(function(){...})不起作用,如下面代码$("img.ms-rteImage-LightBox").click(function(){ SP.UI.ModalDialog.showModalDialog({ url: $(this).attr("src"), title: $(this).attr("…

jquery绑定input的change事件

### jquery绑定input的change事件背景:在做一个登录页时,如果用户未输入验证码则无法点击登录按钮,所以想到了用input的change事件,但是在写完后发现无法监听input值的改变. 解决办法:改为了input事件 input的change事件(相当于blur事件) 用户在输入完成后失去焦点才会触发,不能实时监听输入框值的变化,相当于blur事件 //这种情况就是在输入完成后失去焦点才能触发 $('input[name="h5logincode"]').on('c…

搜索提示時jquery的focusout和click事件沖突問題完美解决

在主流的搜索引擎上搜索時,輸入內容,往往會彈出智能提示.輸入框为input,智能提示區域为suggest.接下來一般有兩種操作: 1.選擇某一提示,則把內容复制到input中,自動關閉suggest: 2.點擊網頁其他地方,自動關閉suggest. 實現第一個可以用click事件,在suggest中增加鼠標click事件,在處理中將點擊的內容寫到input中,然後關閉suggest.單獨測試無問題: 實現第二個可以在inpu…

jquery href属性和click事件冲突

a标签的定义如下: <a href="javascript:void(0);">test</a> jquery中的click事件: $("a").bind("click",function(){ do something; } 这个时候的href属性和click事件冲突,采取的对策是在js函数中加return false. $("a").bind("click",function()…

重载jquery on方法实现click事件在移动端的快速响应

额,这个标题取的还真是挺装的... 其实我想表达的是jquery click事件如何在移动端自动转换成touchstart事件. 因为移动端click事件会比touchstart事件慢几拍移动设备某个元素上事件执行顺序是: touchstart touchmove touchend click{mousedown->mousemove->mouseup} click事件在移动设备上虽然会识别但却是最后一个执行的,所以如果不把click事件换成touchstart事件的话,就可能造成延时导致交…

JQuery不能加载click事件的问题

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <…

jsp中一个标签两种方式绑定两个click事件导致未执行的问题

近日,在开发过程中,写了一个标签 <li id="a1" onclick="doSomething()">...</li> 在js页面中,使用了 $.("#a1").click = function(){ //执行 } 本意想点击时同时触发两个方法,做不同的事情, 后来才发现js中$.("#a1")的方法未执行,问了才得知这样可能会产生方法调用冲突, 解决办法: 1.再写一个标签,两个onclick事件…

jquery 自定义click事件执行多次

用jquery绑定一个按钮click事件后,第一次点击后一切正常,第二次点击竟然执行两次,以后越来越多, 后来查看文档发现 jquery click 不是替换原有的function 而是接着添加,所以才会执行次数越来越多. 在添加之前先将按钮click 函数解绑,然后再添加. 解绑方法 $("id").unbind('click');…

jquery click事件，多次执行

用jquery绑定一个按钮click事件后,第一次点击后,一切正常,第二次点击,竟然执行两次,以后越来越多, 后来查看文档发现 jquery click 不是替换原有的function 而是接着添加,所以才会执行次数越来越多. 这有就可以在添加之前先将按钮 click 函数置空,然后再添加. 解绑定方法 $("").unbind('click'); http://blog.csdn.net/ltfgood/article/details/12952485…

jquery给label绑定click事件被触发两次解决方案

首先我们看下面的代码片段(label包裹checkbox) <div class="example"><label for="chk_6" class="label-1">选项6<input class="chkbox-1" type="checkbox" id="chk_6" value="1"></label><…

jQuery中click事件多次触发解决方案

jQuery 中元素的click事件中绑定其他元素的click事件. 因为jQuery中的click事件会累计绑定,导致事件注册越来越多. 解决方案: 1.能够避开,避免把click事件绑定到其他元素的例如click,hover等事件中. 2.不能避开,使用unbind("click"),然后再bind("click").…

jquery在元素上收购事件

jquery的给元素绑定的事件能够用data方法取出来通过$(element).data("events")来获取 // 比方给一个button绑定两个click事件 $("button").click(function() { alert("1") }); $("button").click(function() { alert("2") }); // 这个时候点击该button会分别弹出 2 和1的a…

如何解决 touchstart 事件与 click 事件的冲突

一 · 业务场景的描述在对已完成的PC站点进行移动端适配时,我们想要站点在移动设备上有更快的响应速度,以带给用户更好的体验,此时,我们应该使用移动设备专用的事件系统,例如,使用 touchstart 事件代替 click 事件. 为什么这样效果会更好呢?根据Google开发者文档中的描述: 移动设备上的浏览器将会在 click 事件触发时延迟 300ms ,以确保这是一个“单击”事件而非“双击”事件. 而对于 touchstart 事件而言,则会在用户手指触碰屏幕的一瞬间触发所绑定的事件.所以…

JQuery实现click事件绑定与触发方法分析

原生JS通过什么方法绑定click事件? 原生js有一下三种方法为DOM对象绑定click事件, 第一种,在html中添加 onclick属性,在此属性中添加要绑定的事件函数,如下, 这种方法为html处理事件的原始方法,使得html和js过分耦合, 即表现层代码和行为层代码耦合: <html> <head> <script src="./jquery.js"></script> </head> <body>…

jquery单选框radio绑定click事件实现和是否选中的方法

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值2.<input type="radio" name=&…

jquery单选框radio绑定click事件实现方法

本文实例讲述了jquery单选框radio绑定click事件实现方法.分享给大家供大家参考. 具体实现方法如下: 复制代码代码如下: <html><head><title>单选框radio绑定click事件</title><meta http-equiv="content-type" content="text/html;charset=utf-8" /><script type="text…

jquery批量绑定click事件

jquery批量绑定click事件: var selects = $(".public_select dd ul li"); debugger; /*$(".public_select dd ul li a").each(function(){ /!*$(this).click(function(){ alert("aa"); })*!/ alert("cc"); $(this).bind("click",…

JS: javascript 点击事件执行两次js问题 ,解决jquery绑定click事件出现点击一次执行两次问题

javascript 点击事件执行两次js问题在JQuery中存在unbind()方法,先解绑再添加点击事件,解决方案为: $(".m-layout-setting").unbind('click').click(function(){ //此处填写逻辑代码 }) ------ 因为利用js在页面加载后添加需要点击事件的代码,发现在点击后会代码会执行两次,因为有toggle效果,导致弹窗出现又很快丢失查了一些资料,发现这是冒泡的原因,需要在点击事件代码中加入阻止冒泡的方法: e.s…

jquery添加的html元素按钮为什么不执行类样式绑定的click事件

代码举例: 更多按钮: <input type="button" class="addMore" id="addMore${issue.id }" value="更多" /> 点击按钮添加一行文本框和“提交”按钮:(没有问题,可以正常添加) $(".addMore").click(function(){ var index = this.id.substring(7,this.id.length…

ios 设备用jquery live绑定 click 事件不管用

问题描述:用js拼接的html追加到页面,然后用 live 绑定click事件不起作用解决办法:1.直接在标签写onclick事件 2.给需要绑定的标签添加css样式{cursor:pointer},让他认为你是一个可以点击的标签,这样就可以了原文:http://blog.sina.com.cn/s/blog_6c969b4a0102wfkq.html…

关于jquery中on绑定click事件在苹果手机失效的问题

用一个div当做了一个按钮来使用. <div class="button"> <div class=" next_button button_left btn_red" style="width: 345px;"> 下一步 </div> </div> 因为是动态添加的内容,所以想要使用click事件,需要给他用on绑定一下: $(document).on("click",&quo…

jquery中on绑定click事件在苹果手机失效的问题

因为是动态添加的内容,所以想要使用click事件,需要给他用on绑定一下: $(document).on("click",".next_button",function(){ alert(); });…

关于jquery中on绑定click事件在苹果手机失效的问题(巨坑啊)

用一个div当做了一个按钮来使用. <div class="button"> <div class=" next_button button_left btn_red" style="width: 345px;"> 下一步 </div> </div> 因为是动态添加的内容,所以想要使用click事件,需要给他用on绑定一下: $(document).on("click",&…

jquery中on绑定click事件在苹果手机中不起作用

写一个div当做了一个按钮来使用. <div class="button"> <div class="sure"> 确定 </div> </div> 因为是动态添加的内容,所以想要使用click事件,需要给他用on绑定一下: $(document).on("click",".sure",function(){ alert("ok"); }); 这个时候,使用苹…

click事件的累加绑定，绑定一次点击事件，执行多次

最近做项目为一个添加按钮绑定点击事件,很简单的一个事情,于是我按照通常做法找到元素,使用jquery的on()方法为元素绑定了点击事件,点击同时发送请求.完成后看效果,第一次点击没有问题.再一次点击后发现发送了两次请求,后面再点击发现请求的数量越来越多.这时我初步判断可能是元素有多个或是多次调用了方法,但找了一遍,发现只为一个元素绑定了事件,且只调用了一次.后来通过查资料才知道是点击事件被累加绑定了!那到底什么是累加绑定呢?什么时候会发生累加绑定?累加绑定后该如何解决呢?下面我就通过这三个问题来…