Javascript JQuery css函数未保持其更改

我有一个“按钮栏”div，我只想在用户单击“设置”按钮后显示它。我已经在css中将按钮栏div设置为display:none。不幸的是，单击设置按钮时，div会在一瞬间出现，然后消失。有人知道为什么会这样吗？我当前的代码：

$(document).ready(function() {
    $('#settings').on('click', function() {
        $('#button-bar').css('display', 'inline-block');
    });
});

问题是你的href=“”为空，它正在重新加载页面。把标签放进去。href=“#”

您需要在函数末尾添加一个“return false；”，否则它将跟随html链接，该链接为空

---

（编辑：href=“#”将修复您的错误，但它也会使页面在单击时跳转到顶部。返回false；将在出现问题时停止这种情况。）

这应该可以工作，尽管.css（“，”）也应该有。如果这不起作用，请尝试发布更多代码，可能是其他原因，而不仅仅是此函数。它似乎存在相同的问题--在我松开鼠标按钮后，它会在瞬间显示，然后消失。您是否尝试过。单击（function（），而不是.on（“单击”function（））？我有；它也有同样的问题。有人告诉我.on（）函数更优雅，所以我同意了。你将不得不在一个小提琴中发布更多的代码，这应该没有任何问题。

$(document).ready(function() {
    $('#settings').on('click', function() {
        $('#button-bar')show();
    });
});

or maybe

$(document).ready(function() {
        $('#settings').click(function() {
            $('#button-bar')show();
        });
    });