Question

我正在Web Development 101课程中完成Odin Project的JavaScript / jQuery项目。我正在建造一个＆＃34;蚀刻草图＆＃34;应用程序使用div作为网格上的正方形，当鼠标经过它们时会改变颜色。对于我的最终选择，我想留下一些褪色的块。当我按下按钮时，这个工作正常。但是，当我选择一个不同的选项后，选择＆＃34;留下一个小道＆＃34;一，自动衰落div的踪迹也会被添加到其他div中。我需要知道一旦按下不同的按钮，是否有办法结束该功能。另外，我是初学者，我只是学习这种语言和框架。提前谢谢！

floor\s*area:?\s*(\d{1,4})

Answer 1

一旦单击另一个按钮，您应该从网格元素中删除mouseenter handler，如

$(".trail").click(function() {
    $(".grid").on('mouseenter.trail', function() {
        $(this).css("background-color", "black");
        $(this).fadeTo(0, 0);
        $(this).mouseleave(function() {
            $(this).fadeTo(600, 1);
        });
    });
});

然后在其他按钮点击中，您可以使用.off()

删除此处理程序

$(".grid").off('mouseenter.trail')

命名空间用于事件注册和删除，因此我们不会删除任何其他处理程序

JavaScript / jQuery .click（）按钮问题

1 个答案: