首页 > 后端开发 > php教程 > javascript - 点击关闭按钮两次才能关闭事件,求大神帮忙解决

javascript - 点击关闭按钮两次才能关闭事件,求大神帮忙解决

WBOY
发布: 2016-06-06 20:22:08
原创
1360 人浏览过

<code><script>
        $(document).ready(function(){
            $(".checkboxFour").addClass("click");
         var evTimeStamp = 0;
        $(".click").click(function(event){
    if($(this).find("input").is(":checked")==true){
            $(this).find("input").attr("disabled",true);
            return ; 
         }
         var now = +new Date();
         if (now - evTimeStamp < 100) {
          return;
         }
         evTimeStamp = now;
        var obj = "<span class=\'clospan\' style=\'display:inline-block;padding:3px 5px;margin-right:5px;margin-bottom:5px;border-radius:5px;background-color:#E1E1E1;\'><span style=\'margin-right:4px;\';>"
                +$(this).text()+
                "<a class=\'close\' href=\'javascript:void(0)\' style=\'text-decoration:none;display:inline-block;border-left:1px solid #FFF;padding:0 5px;color:#A1A0A0;\'>X";
                $("#case_s_choice").append(obj);
                event.stopPropagation();
            });
            $(".tchkb-0").click(function(e){
                e.stopPropagation(); 
            });
            $(document).on("click",".close",function(){
                $(this).parents("span").remove();
        var text = $(this).siblings("span").text();
                $(".checkboxFour").each(function(){
                    if($(this).text() == text){
                    $(this).find("input").attr("disabled",false);
                        $(this).find("input").click();
                        
                    }
                });

            });
        });
        
    </script>';</code>
登录后复制
登录后复制

回复内容:

<code><script>
        $(document).ready(function(){
            $(".checkboxFour").addClass("click");
         var evTimeStamp = 0;
        $(".click").click(function(event){
    if($(this).find("input").is(":checked")==true){
            $(this).find("input").attr("disabled",true);
            return ; 
         }
         var now = +new Date();
         if (now - evTimeStamp < 100) {
          return;
         }
         evTimeStamp = now;
        var obj = "<span class=\'clospan\' style=\'display:inline-block;padding:3px 5px;margin-right:5px;margin-bottom:5px;border-radius:5px;background-color:#E1E1E1;\'><span style=\'margin-right:4px;\';>"
                +$(this).text()+
                "<a class=\'close\' href=\'javascript:void(0)\' style=\'text-decoration:none;display:inline-block;border-left:1px solid #FFF;padding:0 5px;color:#A1A0A0;\'>X";
                $("#case_s_choice").append(obj);
                event.stopPropagation();
            });
            $(".tchkb-0").click(function(e){
                e.stopPropagation(); 
            });
            $(document).on("click",".close",function(){
                $(this).parents("span").remove();
        var text = $(this).siblings("span").text();
                $(".checkboxFour").each(function(){
                    if($(this).text() == text){
                    $(this).find("input").attr("disabled",false);
                        $(this).find("input").click();
                        
                    }
                });

            });
        });
        
    </script>';</code>
登录后复制
登录后复制

我之前也遇到过,我的firefox,chrome上就要点两次,别人的就没事,也不是鼠标的原因

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板