Question

我正在显示一些按钮中的一些过渡一些内容，当你按下内容幻灯片和fadeOut和其他内容fadeIin和幻灯片按钮时，这工作真的很好，但当你按两次相同的按钮它只是滑动和淡出然后再次出现，我想如果已经显示该部分，则无法按下按钮。

生病留下我用于该功能的代码：

    $(".btns-segur-desarr ul").on("click", changeArticule);

function changeArticule (data) {
    var target = data.target.className;
    var secciones = ["#seccion-fuego","#seccion-bateria","#seccion-sismo","#seccion-extintor"];
    $("#" + target).css("right", -"80");

    for (var i = 0; i < secciones.length; i++) {
        if($(secciones[i]).hasClass("aVista")){
            $(secciones[i]).animate({
                right: "40",
                opacity: "0"
            });
        $(secciones[i]).removeClass("aVista");
        }
    };

    $("#" + target).addClass("aVista");
    $("#" + target).animate({
        right:"0",
        opacity: "1"
    })

}

如果有人能帮助我解决这个问题，我会感激，我正在学习java Script和j查询而且卡住了：/

Answer 1

您可以使用jQuery的.one()绑定来确保事件只触发一次。但是，如果要重新启用按钮，则需要重新绑定事件。

更好的解决方案是让您的事件在单击时添加一个类，然后检查该类以查看它是否应该再次触发。例如： $(data.target).addClass("clicked") 和 if ($(data.target).hasClass("clicked")) return false;

如果您想重新启用该按钮，这将为您提供更多灵活性。

按钮中不重复操作

1 个答案: