javascript - 点击后如何禁用jQuery变量？

Question

我有一个关于如何在调用它之后消除我的 jQuery 函数 onclick 的问题，它似乎在调用它之后不起作用，但它必须是真的，所以它必须在函数中被删除。非常感谢！

    $(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为元素只注册一次 click 事件。

 $("#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");}
        );
    });
});