jquery动态live绑定toggle事件

$(".btn").live("click",function(){
            $(this).toggle(
                function () {
                    //事件 1
                    console.log('点击')
                },
                function () {
                 //事件 2
                  console.log('再点击')
                }
            ).trigger('click');
        });

原文地址:https://www.cnblogs.com/userzf/p/12426360.html

时间: 2024-10-13 00:58:36

jquery动态live绑定toggle事件的相关文章

jquery动态生成元素的事件绑定

<html> <head> <meta charset="utf-8"> <meta name="view" content="width=device-width;user-scalable=no;initial-scale=1.0"> <script src="jquery.js"></script> <style> .image-host

jQuery动态行绑定事件,发生重复绑定解决方案

背景: 系统需要动态增加分类,各分类下有各自的3项资金(有资金小计,问题就出在这里). 问题: 新增一条分类,需要给3项资金新绑定小计功能.这个时候会发现,初始第一行的计算,会调用两次,增加到三行的时候,第一行会重复计算三次,第二行会重复计算两次...以此类推 为什么会执行多次? 猜词: 新增一行,绑定计算函数,历史分类会累计事件.也就是说,每新增一行,历史的每一个分类都会增加一次事件绑定. 方案: 绑定事件前,删除事件.jQuery提供了on().live()绑定方法,对应的解绑事件off()

jQuery动态添加的节点事件无法触发

添加节点之前如图: 点击图中的 "第一个" 之后会触发click事件,效果如图: 点击按钮的之后,添加节点之后如图: 这时点击图中的 "第一个",却不会触发click事件. 此时代码如下: <!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <html> <head&

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",&quo

Jquery动态bind绑定已有函数,函数自动执行的问题解决方法

在bind后面的方法,不能带括号,带括号就自动执行了... <script> //通过子元素删除某行 function deleteRow() { var flag = confirm('确认要删除吗?'); if(flag == true) { console.log($(this).parents("tr").remove()) bootbox.alert("删除成功!"); } } $(function(){ //jquery对象克隆方法,克隆任意

如何将jquery动态生成的数据绑定事件

必须要使用事件绑定! 我使用on事件绑定 父级元素在on时间之前 之后你需要绑定事件的子元素 $('.photo-main').on('mouseenter','.photo-box',function(){ $(this).find('img').css({ '-webkit-filter':'brightness(.5)', }); $(this).find('.image-tit').css({ 'display':'block', }); }); 错误代码:下面这代码无法运行,注意绑定事

JQuery给元素绑定click事件多次执行的解决方法

原绑定方法: $(".subNavdiv").click(function () { ###### }); 这种方法只会在原click方法中继续添加新方法: 解决办法更改绑定方法为: $("#sdfsd").unbind("click").click(function(e){ ###### }); 在绑定新click方法前对元素所绑定的click方法解绑

【转发】jQuery给input绑定回车事件

<script type="text/javascript" src="Scripts/jquery-1.6.2.js"></script> <script language="javascript" type="text/javascript"> //方法一如下 $(function(){ $('#dataInput').bind('keypress',function(event){ i