zoukankan      html  css  js  c++  java
  • 按钮点击不起作用和点击一次执行两次问题解决

    1.最初的时候是这种方式写的按钮点击事件,在货主部分正常显示在货运站部分点击无效

    $(".descriptionLink").click(function(){        
            if($(this).hasClass("icon-down")){            
                $(this).removeClass("icon-down").addClass("icon-up").html("收起明细");
                $(this).parents(".description-total").siblings(".description-details").slideDown();
            }else{            
                $(this).removeClass("icon-up").addClass("icon-down").html("展开明细");
                $(this).parents(".description-total").siblings(".description-details").slideUp();
            }
        });

    2.换了一种方式去写点击事件在货运站中才可以点击,但是会出现点击一次执行两次的情况,表现就是列表展开后立马收起

    $(document).on('click','.descriptionLink',function(){        
            if($(this).hasClass("icon-down")){            
                $(this).removeClass("icon-down").addClass("icon-up").html("收起明细");
                $(this).parents(".description-total").siblings(".description-details").slideDown();
            }else{            
                $(this).removeClass("icon-up").addClass("icon-down").html("展开明细");
                $(this).parents(".description-total").siblings(".description-details").slideUp();
            }
        });

    3.后面查了一下按这种方式来写,阻止第二次点击,显示正常,查了下这个是因为JQ事件委托导致点击事件多次执行,解决的办法就是对点击事件解绑,也就是off()

    $(document).off().on('click','.descriptionLink',function(){        
            if($(this).hasClass("icon-down")){            
                $(this).removeClass("icon-down").addClass("icon-up").html("收起明细");
                $(this).parents(".description-total").siblings(".description-details").slideDown();
            }else{            
                $(this).removeClass("icon-up").addClass("icon-down").html("展开明细");
                $(this).parents(".description-total").siblings(".description-details").slideUp();
            }
        });
  • 相关阅读:
    SGU 176.Flow construction (有上下界的最大流)
    POJ 2391.Ombrophobic Bovines (最大流)
    poj 1087.A Plug for UNIX (最大流)
    poj 1273.PIG (最大流)
    POJ 2112.Optimal Milking (最大流)
    SGU 196.Matrix Multiplication
    SGU 195. New Year Bonus Grant
    关于multicycle path
    ppt做gif动图
    codeforces 598A Tricky Sum
  • 原文地址:https://www.cnblogs.com/ToBeBest/p/5817055.html
Copyright © 2011-2022 走看看