javascript - クリック後にjQuery変数を無効にする方法は?

Question

jQuery 関数 onclick を呼び出した後に削除する方法について質問があります。呼び出した後は機能しないようですが、それは true でなければならないので、関数の後に削除する必要があります。どうもありがとう！

    $(document).ready(function(){
        $("#try-out").mouseenter(function(){
           $("#try-out").fadeTo("fast",0.9);
                                });
        $("#try-out").mouseleave(function(){
           $("#try-out").fadeTo("fast", 0.7);
                                });
var onclick = function(){

        $("#try-out").click(function(){
                 $(".button-text").fadeOut(function() {
                    $(this).text("Downloading... Your account wil be set up whitin seconds!").css(
        {"font-family": "biko",
        "color": "grey",
        "text-decoration": "none",
        "padding-top": "3%"}).fadeIn("slow");}
        );
    });
    }
    onclick();

    if (onclick){
    delete onclick;
    }
});

Answer 1

jquery one メソッドを使用すると、これはワンクリックで効果的に機能します。

http://api.jquery.com/one/

$("#try-out").one('click', function(){
  $(".button-text").fadeOut(function() {
  $(this).text("Downloading... Your account wil be set up whitin seconds!").css(
        {"font-family": "biko",
        "color": "grey",
        "text-decoration": "none",
        "padding-top": "3%"}).fadeIn("slow");}
        );
});

Answer 2

oneを使用して、クリック イベントを要素に対して 1 回だけ登録します。

 $("#try-out").one('click', function(){
                 $(".button-text").fadeOut(function() {
                    $(this).text("Downloading... Your account wil be set up whitin seconds!").css(
        {"font-family": "biko",
        "color": "grey",
        "text-decoration": "none",
        "padding-top": "3%"}).fadeIn("slow");}
        );
    });

onclick書いた関数を削除します。

$(document).ready(function(){
        $("#try-out").mouseenter(function(){
           $("#try-out").fadeTo("fast",0.9);
                                });
        $("#try-out").mouseleave(function(){
           $("#try-out").fadeTo("fast", 0.7);
                                });


        $("#try-out").one('click' ,function(){
                 $(".button-text").fadeOut(function() {
                    $(this).text("Downloading... Your account wil be set up whitin seconds!").css(
        {"font-family": "biko",
        "color": "grey",
        "text-decoration": "none",
        "padding-top": "3%"}).fadeIn("slow");}
        );
    });
});