目次
回复内容:
ホームページ バックエンド開発 PHPチュートリアル javascript - 点击关闭按钮两次才能关闭事件,求大神帮忙解决

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

Jun 06, 2016 pm 08:22 PM
javascript php

<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上就要点两次,别人的就没事,也不是鼠标的原因

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド Dec 24, 2024 pm 04:42 PM

Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド

CakePHP の日付と時刻 CakePHP の日付と時刻 Sep 10, 2024 pm 05:27 PM

CakePHP の日付と時刻

CakePHP ファイルのアップロード CakePHP ファイルのアップロード Sep 10, 2024 pm 05:27 PM

CakePHP ファイルのアップロード

CakePHP プロジェクトの構成 CakePHP プロジェクトの構成 Sep 10, 2024 pm 05:25 PM

CakePHP プロジェクトの構成

CakePHP ルーティング CakePHP ルーティング Sep 10, 2024 pm 05:25 PM

CakePHP ルーティング

CakePHP について話し合う CakePHP について話し合う Sep 10, 2024 pm 05:28 PM

CakePHP について話し合う

CakePHP クイックガイド CakePHP クイックガイド Sep 10, 2024 pm 05:27 PM

CakePHP クイックガイド

PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法 PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法 Dec 20, 2024 am 11:31 AM

PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法

See all articles