jquery绑定click 点击时运行两次

2024-11-08

解决jquery绑定click事件出现点击一次执行两次问题

问题定位:通过浏览器F12定位到点击一次出现两次调用. 问题复现: $("#mail_span").on("click",function(){ if($(".treeselect").children(".treeselect-up").css("display")=="none"){ treeSelectClick();

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

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

android设置软键盘搜索键以及监听搜索键点击时发生两次事件的问题解决

在输入框中加入android:imeOptions="actionSearch",调用软键盘时,回车键就会显示搜索二字. 我想在点击搜索时,跳转到下一个页面,但是调用setOnKeyListener,每次都执行两次.最后上网看到别人的文章,解决了问题,解决方法是调用setOnEditorActionListener而不是用setOnKeyListener来监听点击搜索按钮. 代码如下(在fragment中写的,在activity中写的时候去掉context相关的东西就行了): sear

(转载)js(jquery)的on绑定点击事件执行两次的解决办法

js(jquery)的on绑定点击事件执行两次的解决办法—不是事件绑定而是事件冒泡遇到的问题:jquery中用.on()给页面中新加的元素添加点击事件时,点击事件源,绑定的事件执行两次,这里的alert会执行两次,相应地数组删除也执行两次,具体代码如下(其中.tabDel是页面加载之后新生成的元素,故不能用普通的$(‘.tabDel).click(function(){})的方法添加点击事件): $('.right').on('click','.tabDel',function(){//删除所

jQuery绑定和解绑点击事件及重复绑定解决办法

原文地址:http://www.111cn.net/wy/jquery/47597.htm 绑点击事件这个是jquery一个常用的功能,如click,unbind等等这些事件绑定事情,但还有很多朋友不知道,下面我来给大家介绍jQuery绑定和解绑点击事件及重复绑定解决办法,有需要了解的同学可参考. 先简单说下jQuery绑定和解绑点击事件的方法,直接上代码: $("#element").click(function(){}); //绑定点击事件函数 $("#element&q

jquery 实现重复点击一个元素时不重复执行效果

jquery 实现重复点击一个元素时不重复执行效果这需要用到jquery的stop方法实例停止当前正在运行的动画: $("#stop").click(function(){ $("#box").stop(); }); 定义和用法 stop() 方法停止当前正在运行的动画. 语法 $(selector).stop(stopAll,goToEnd) 参数描述 stopAll 可选.规定是否停止被选元素的所有加入队列的动画. goToEnd 可选.规定是否允许完成

jQuery绑定事件方法及区别(bind,click,on,live,one)

第一种方式: ? 1 2 3 4 5 $(document).ready(function(){ $("#clickme").click(function(){ alert("hello world click") }) }) 第二种方式(简写方式为第一种): ? 1 2 3 $('#clickmebind').bind("click", function(){ alert("Hello World bind"); }

Jquery中on绑定事件点击一次执行多次的解决办法

举个例子,在同一个页面有下拉选择框 <select class="mySelect"> <option value="user">按用户分析</option> <option value="dept">按单位分析</option> <option value="role">按角色分析</option> </select> 当选择用户

由于js词法性质和全局变量被更改，循环绑定的click事件执行时变量和定义时不一致的bug，各种解决方案。

由于js词法性质和全局变量被更改,循环绑定的click事件执行时变量和定义时不一致的bug,各种解决方案. 动态在页面上添加了5个按钮,实现的功能应该是点击对应按钮在控制台输出相应的索引.但因为应该是i的变量应该一直指引的对应的地址,所以一直输出的是5.就是想请教您一下,这种问题应该是怎么样的一个解决思路.您要是有时间的时候帮我看下.非常感谢! 问题: //这个有bug,一直输出5 for (var i =0 ; i<5 ; i++){ var btn = document.createEle

jQuery绑定动态元素的点击事件无效

之前就一直受这个问题的困扰,在写ajax加载数据的时候发现,后面追加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢?那么,我们通过下面的示例简单说明. 示例如下: <div> <ul id="demo"> <li>Kubernetes:下一代分布式系统的护戒使者</li> <li>机器学习工具--Pandas cheat sheet</li> <li>Android

jquery 对于新插入的节点的操作绑定（点击事件，each等）

因为最近项目遇到这个问题,下面给大家带来一篇Jquery对新插入的节点获取并对这个节点绑定事件失效的解决方法.我觉得挺不错的,大家也可以参考一下: 对于绑定事件来讲: 方法一:使用live live()函数会给被选的元素绑定上一个或者多个事件处理程序,并且规定当这些事件发生时运行的函数.通过live()函数适用于匹配选择器的当前及未来的元素.比如,通过脚本动态创建的元素. 实现如下: 1 2 3 $('.liLabel').live('click', function(){ al

jquery绑定点击事件的三种写法

一.用jquery动态绑定点击事件的写法部分代码: <script type="text/javascript"> $(document).ready(function(){ $("#text").bind("click",function(){ alert("我的id为text,你点击时触发"); }); $("#text1").on("click",function()

jQuery 学习笔记2 点击时弹出一个对话框

上次学习的是页面加载完成后弹出一个警告框,这里我们改为当用户点击后弹出一个警告框. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang=

jQuery的on绑定click和直接绑定click区别

状况之外在之前的公司并没有遇到这个问题,也就没有深究.直到自己换了现在的公司,刚来第二天就开始写别人写到一半的项目,很无奈,不是原生就是jquery,由于项目急,已经来不及切换框架重新布局,只能继续了. 状况之中到处都是列表,到处都是js创建的动态页面,好吧,那我也继续吧,突然,意外发生了.我绑定的click事件无效. 状况-解决呗当时知道的原因是动态创建的元素在初始化的时候还没有,那我绑定的事件怎么可能绑定的上嘛(当时还不知道直接绑定和通过on()绑定click的区别,也不知道on('c

关于jquery绑定事件执行两次

经常会出现jquery绑定事件执行两次的情况,如: $("a[tag=slide]").click(function () { alert(1); $(this).parent().parent().parent().parent().next("div").slideToggle(); }); 会弹出两次1 这时只需要在click之前先解绑所有的click事件即可,正确写法: $("a[tag=slide]").unbind("cli

jquery绑定事件时如何向事件函数里传参数

jquery绑定事件时如何向事件函数里传参数 jquery绑定事件时如何向事件函数里传参数举例子说明: 步骤1: var button=$('<button type="button" class="btn btn-default">提交</button>'); button.bind("click",{menuid:"01"},form_submit); 如上代码所示即是button按钮绑定了cli

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

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

jquery 事件委托绑定click的使用方法

直接绑定ul的click事件代码如下复制代码 $("ul").click(function(e) 例子代码如下复制代码 $(function(){ //$("ul").on('click',this,function(e){ $("ul").click(function(e){ $target = $(e.target); if ($target.is("h3")) { alert("h3&quo

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

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

chrome浏览器模拟手机端：jquery click()点击无效解决方法

$(".sku-wrap .ok").click(); chrome浏览器模拟手机端,在油猴插件中写JS代码,然后发现click()点击失效. 解决方法:jquery的click()方法失效,可以使用原生JavaScript的click方法. 首先需要将jquery对象转化成JS对象: $(".sku-wrap .ok").get(0) 然后调用原生JS的click方法: $(".sku-wrap .ok").get(0).click();

jquery绑定click 点击时运行两次

热门专题