zoukankan      html  css  js  c++  java
  • jquery 实现在事件完成后才能再次点击执行

            var doing=false;//定义一个全局变量 (在事件完成后才能再次点击执行)
                            $(".zan-btn").on("click",function(){
                                if(doing){
                                    layer.msg("上一个操作未完成,请稍等!");
                                }else{
                                    doing=true;//变量设为true,表示开始操作
                                    var that = this
                                    var upvoteStatus=$(that).attr("data-upvoteStatus")
                                    if(upvoteStatus==0){
                                        sendReq("addUpvote","post","/shop/course/query",{id:videoId},function(res){
                                            if(res.status==1){
                                            // $(that).addClass("ele-hidden")
                                            // $(that).siblings(".no-zan").removeClass("ele-hidden")
                                            // var zanNum = Number.parseInt($(that).find('.zan-number').text())
                                            var zanNum=$(".upvoteNumber").text()
                                            $(".upvoteNumber").text(Number.parseInt(zanNum)+1)
                                            layer.msg("点赞成功",{icon:1})
                                            $(".icon-zan-video").addClass("icon-zan1 text-red").removeClass("icon-zan")
                                            $(".zan-btn").attr("data-upvoteStatus",1)
                                            doing=false; //变量改回false 表示结束操作
                                            }else if(res.status==-1){
                                                layer.msg(res.msg,{icon:2})
                                                doing=false; //变量改回false 表示结束操作
                                            }
                                        })
                                    }else if(upvoteStatus==1){
                                        sendReq("updateUpvote","post","/shop/course/query",{id:videoId},function(res){
                                            if(res.status==1){
                                            var zanNum=$(".upvoteNumber").text()
                                            $(".upvoteNumber").text(Number.parseInt(zanNum)-1)
                                            layer.msg("已取消点赞",{icon:1})
                                            $(".icon-zan-video").addClass("icon-zan").removeClass("icon-zan1 text-red")
                                            $(".zan-btn").attr("data-upvoteStatus",0)
                                            doing=false; //变量改回false 表示结束操作
                                            }else if(res.status==-1){
                                                layer.msg(res.msg,{icon:2})
                                                doing=false; //变量改回false 表示结束操作
                                            }
                                        })
                                    }
                                }
                            })
  • 相关阅读:
    POJ 1584 A Round Peg in a Ground Hole(计算几何凸包)
    POJ 1113 Wall(计算几何凸包的周长)
    HDU 1864 最大报销额(01背包应用)
    NYOJ 303 序号互换(规律)河南第四届ACM省赛
    POJ 2031 Building a Space Station(三维空间中最小生成树Prim算法)
    POJ 1265 Area(计算几何Pick定理)
    POJ 2470 || SDUT 2356 Ambiguous permutations(简单规律)
    SDUT 1918 运送物资(并查集的应用)
    POJ 2471 || SDUT 2357 Bullshit Bingo(字符串处理)
    python爬虫热点项目—滑块验证码项目(以Bilili为例)
  • 原文地址:https://www.cnblogs.com/chenshaoxiong/p/13555643.html
Copyright © 2011-2022 走看看