jquery显示不默认隐藏

2012-07-09 139 views -1 likes

-1

我有这个很简单的jquery示例：http://jsfiddle.net/clifgray/NTd95/1/并在该jsfiddle它的工作原理就像我想要的。当我在代码差别很小的网页上实现它时，除了一些预先存在的内容外，jquery部分默认显示隐藏div中的内容。它仍然工作，当我点击隐藏，并从那里我可以显示和隐藏好，但我希望它被隐藏，当我开始网页。jquery显示不默认隐藏

你有什么理由想到这件事情吗？

来源

2012-07-09 clifgray

是否可以看到预先存在的内容T' – wkm 2012-07-09 22:59:53

_“差别很小”_--显然这些差异很重要，所以你需要展示更多的代码。你有没有在你的网页上定义相同的风格和小提琴一样？ – nnnnnn 2012-07-09 23:01:09

如果CSS将相关'div'设置为'display：none'，则不应显示它。如果是，那么还有其他东西可以显示它，或者从其他地方有更高特异性的样式，因此会覆盖您的样式。 – Zhihao 2012-07-09 23:01:34

回答

您遇到的问题是，您是否正在使用全局css规则来处理全部 div，而不是针对您尝试定位的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">

来源

2012-07-09 23:03:17 JoeCortopassi

谢谢你的完美工作。我使用了第一个解决方案，它是一个全面的CSS规则，我一开始找不到，因为朋友编写了CSS。 – clifgray 2012-07-09 23:18:07

jquery显示不默认隐藏

回答

相关问题