主页 / coding / 问题 / 78850885
Accepted
Chris Ellis
Asked: 2024-08-09 09:25:48 +0800 CST

为什么我的 Javascript 会同时切换两个元素？

  • 772

我的页面上有两个隐藏的 DIV，需要时可以通过按钮切换。一个是导航菜单，另一个是登录表单。我使用 JQuery 切换了漂亮的上下滑动。现在我添加了一些 JavaScript，当用户第二次点击相应的按钮或点击显示的 DIV 之外时，可以切换幻灯片。

问题是，无论您按下哪个按钮，我的 JavaScript 都会切换两个 DIV 一起出现和消失！

    $('html').click(function (e) {
    if (e.target.id == '#nav_btn') {
    $("#navigation").slideToggle("slow");
    } else {
    $("#navigation").slideToggle("slow");
    }
});

$('html').click(function (e) {
    if (e.target.id == '#log_btn') {
    $("#loginDIV").slideToggle("slow");
    } else {
    $("#loginDIV").slideToggle("slow");
    }
});

这无疑是一件非常明显的事情，但我做错了什么？！

javascript

1 个回答

  1. Best Answer

    问题在于，无论单击哪个按钮，这两个 else 条件都会触发 DIV 的切换。发生这种情况是因为 else 块未指定任何特定条件，因此只要单击事件发生在非特定按钮上，它就会始终运行。

        $('html').click(function (e) {
        e.preventDefault();
    
        if (e.target.id == 'nav_btn') {
            $("#navigation").slideToggle("slow");
        } else {
            $("#navigation").slideUp("slow"); // Hide navigation if anything else is clicked
        }
    
        if (e.target.id == 'log_btn') {
            $("#loginDIV").slideToggle("slow");
        } else {
            $("#loginDIV").slideUp("slow"); // Hide loginDIV if anything else is clicked
        }
    });

    1. 使用 jQuery 删除表的所有行问题链接：使用 jQuery 删除表的所有行 答案。您可以使用 .clear() 方法删除 DataTable 中的所有行，然后使用 .draw() 重新绘制没有删除的行的表

       function clearTable() {
     var table = $('#tb-articoli').DataTable(); 
     table.clear().draw(); 
 }
    • 1

相关问题