页面加载时，隐藏的面板会一直显示

Question

我有这个div，当页面加载时应该被隐藏，当点击某个按钮时它会出现。虽然在CSS类中我将display:none添加到类中，但在JQuery中我添加了("$('.panel').hide()")，当页面加载时，面板仍会显示，一旦页面加载，它就会消失...有关如何进行的任何建议一直隐藏它，直到点击显示按钮？

感谢。

Answer 1

尝试删除jquery.hide（），如果仍然显示，那么你的css有问题。我们可以假设jquery正在工作，因为它在页面完成加载后隐藏它，这就是为你执行jquery的时候。

也许粘贴一些代码，我们可以深入了解...

Answer 2

你确定它不是

visibility:hidden;

你正在寻找？

编辑：忘记提及首先删除Javascript，以便您可以查明问题。

Answer 3

在HTML本身中，放置一个硬编码样式=“visibility：hidden”。虽然它是多余的，但浏览器会在javascript触发之前处理它。

Answer 4

确保元素没有内联样式，例如：

<div style="display: block;">

这会覆盖你的样式表CSS，直到jQuery做了.hide()，这似乎是你遇到的症状。