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

这需要用到jquery的stop方法

实例

停止当前正在运行的动画:

$("#stop").click(function(){
  $("#box").stop();
});

定义和用法

stop() 方法停止当前正在运行的动画。

语法

$(selector).stop(stopAll,goToEnd)
参数 描述
stopAll 可选。规定是否停止被选元素的所有加入队列的动画。
goToEnd
可选。规定是否允许完成当前的动画。

该参数只能在设置了 stopAll 参数时使用。

时间: 2024-08-12 20:36:44

jquery 实现重复点击一个元素时不重复执行效果的相关文章

jQuery自动完成点击html元素

1 /************************************************************************** 2 * jQuery自动完成点击html元素 3 * 声明: 4 * 本来是想让嵌入产品完成自动检测,但是这种方法在Qt4.8的WebView控件中 5 * 不能够正确的执行,目前不知道为什么. 6 * 7 * 2015-8-31 阴 深圳 南山平山村 曾剑锋 8 ***************************************

css : 使用浮动实现左右各放一个元素时很容易犯的错误

比如说,有一个div,我想在左侧和右侧各方一个元素. 如果不想用flex,那就只能用浮动了. ... <div class="up clearfix"> <h6>用户添加</h6> <div class="float right"> <Button >新增</Button> </div> </div> ... 咋一看并没有问题,对不对? 但是这样不行:想挂在右侧的那个元素

使用jquery的siblings获取某一个元素的所有同辈(兄弟姐妹)元素

siblings()属于jquery筛选类的API,用来查找某个元素的所有同辈元素(所有兄弟姐妹). <div id="contentHolder"> <input type="button" value="1" id="button1"></input> <input type="button" value="2" id="butto

jquery中,使用append增加元素时,该元素的绑定监听事件失效

举例:如果在一个<div id="resultArea"></div>中,通过append添加一个id="checkOutTip"的文本框,监听值变化.常用的直接$("Selector").on("eventType",function(){})监听事件函数不起作用,例如该按钮的点击监听事件应该这样写: $("#resultArea").on("input property

如何用Jquery判断在Html中一个元素是否存在

背景: 在一个动态生成的html文件里,往往会有这样的情况:一些元素可能存在也可能不存在,当函数运行需要的时候就得进行判断. if($("#id").length>0){ //存在id为"id"的元素 }else{ //不存在id为"id"的元素 } 使用 jQuery 对象的属性 length 来判断,如果 > 0 就存在. (JQuery 大法好!) ref:http://www.cnblogs.com/CatHeadTiger/

点击一个标签时添加一个css,点击另外的标签之前添加的css消失的脚本

页面html: <ul class="m_top"> <li class="m_topli curr" onclick="getList(5216)">兴趣爱好</li> <li class="m_topli" onclick="getList(5213)">自然科学</li> <li class="m_topli" on

vue移动端点击一个元素缩小,松手的时候元素恢复正常

active伪类解决 HTML代码 <div class='box'> </div> CSS代码 .box { width: 100px; height: 100px; background: green; transition: transform 0.3s ease-out; } .box:active { transform: scale(0.5) } 原文地址:https://www.cnblogs.com/helloyoyo/p/12375438.html

jQuery学习笔记之解除重复点击事情重复绑定

问题:有不同的按钮点击后都执行相同的事件,在jQuery重复点击就会产生事件重复绑定. 解决方法:使用unbind("click")方法,每次点击都先接触绑定已有事件再绑定新对象. $(".toComment").unbind("click").click(function(){ // 事件运行代码 });

jquery如何实现点击LI标签和下面的LI互换顺序? 超简单代码

转: jquery如何实现点击LI标签和下面的LI互换顺序? 上面的效果涉及jquery的两个方法: next()  :  获得匹配元素集合中每个元素紧邻的下一个同胞元素. after() :在被选元素后插入指定的内容. 综合起来,核心代码为 $(".content li").click(function() {       // 点击li元素时     if($(this).next())                    // 如果存在下一个元素         $(this)