Question

我刚刚开始使用jQuery，而且我一直坚持使用这段代码。我有4个p标签，当你点击它们时淡入/淡出。首先，你必须单击标题才能看到第一段，然后单击第一段才能到达第二段，依此类推......无论如何，首次点击标题后，我想要点击它的功能停止。我已经尝试了今晚遇到的所有事情，但是很短暂。请记住，我对此很陌生，所以答案可能就在那里，我只是没有得到它。无论如何，这是我的代码：

（文档）$。就绪（函数（）{

    $("p").hide();


    $("header").click(function(){
        $("#p1").fadeTo(1500,1);

     });<!--end of h1 click -->


    $("#p1").click(function(){
        $("#p1").hide();
        $("#p2").fadeTo(1000,1)
    });<!-- end of p1 click-->

    $("#p2").click(function(){
        $("#p2").hide();
        $("#p3").fadeTo(1000,1)
    });<!--end of p2 click-->

    $("#p3").click(function(){
        $("#p3").hide();
        $("#p4").fadeTo(1000,1);

    });<!--end of p3 click-->

    $("#p4").click(function(){
        $("#p4").hide();
    });<!--end of p4 click-->


    });

Answer 1

使用.one()注册一个只执行一次的处理程序

$("header").one('click', function () {
    $("#p1").fadeTo(1500, 1);

}); <!--end of h1 click -->

Answer 2

使用以下代码仅使用一次。

$("header").one(function(){
   $("#p1").fadeTo(1500,1);
});

Answer 3

使用.one（）是最好的选择，但您也可以使用它：

$("header").on("click",function(){
   $("#p1").fadeTo(1500,1);
   $(this).off("click");
});

第一次使用后尝试停止点击功能

3 个答案: