jquery 事件处理程序仅运行一次

Question

我在使用 jqueries “click”事件处理程序时遇到问题，它只工作一次，然后就停止了，我需要帮助来修复它。

我所做的是，我使用图像作为按钮，用于我的 Web 应用程序，但是通过 jquery，但它只运行一次。

这是代码：

$( document ).ready(function refresh() {
    $(".menu_button").click(() => {
        $("nav").addClass("open-menu");
    });
});

$( document ).ready(function() {
    $(".cancel_menu").click(() => {
        $("nav").removeClass("open-menu").css("transform", "translatex(100%)").css("transition-duration", "2s")
    });
});

如果您需要更多信息，请告诉我，谢谢。

Answer 1

我认为问题不在于 jquery。 你的取消菜单将菜单一直向右移动，但你永远不会把它带回来。

我在单击菜单按钮时将转换重置为无，它可以工作。

下面是 menu_button 单击事件处理程序中的相关行

$("nav").addClass("open-menu").css("transform", "none");

 $( document ).ready(function refresh() { $(".menu_button").click(() => { $("nav").addClass("open-menu").css("transform", "none"); }); }); $( document ).ready(function() { $(".cancel_menu").click(() => { $("nav").removeClass("open-menu").css("transform", "translatex(100%)").css("transition-duration", "2s") }); });

 .open-menu{ background:red; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button class="menu_button">OPEN</button> <button class="cancel_menu">CANCEL</button> <nav>NAV</nav>