jquery显示没有默认为隐藏

时间:2012-07-09 22:58:33

标签: javascript jquery html

我有一个非常简单的jquery示例:http://jsfiddle.net/clifgray/NTd95/1/并且在jsfiddle中它的工作方式与我想要的完全一样。当我在代码上差别很小的网页上实现它时,除了一些预先存在的内容之外,jquery部分默认显示隐藏div中的内容。当我点击隐藏时它仍然有用,我可以显示并隐藏,但我想在启动网页时隐藏它。

你有没有理由想到这件事?

1 个答案:

答案 0 :(得分:2)

您遇到的问题是,您是否正在使用所有 div的毯子css规则,而不是特定于您尝试定位的div。我的猜测是,您在页面的某个位置将显示更改为none

在您的javascript:

之前添加此内容
$("#box1, #box2").hide();

...或者将您的css规则更改为:

div#box1, div#box2 { background:#def3ca; margin:3px; width:80px; display:none; float:left; text-align:center; }

...或者在您的html中添加此内容:

<div id="box1" style="display:none">