Jquery ()没有显示带有隐藏可见性的.show
Jquery ()没有显示带有隐藏可见性的.show
提问于 2011-08-26 20:15:22
基本jQuery问题：
我正在尝试显示一个使用jQuery标记为隐藏的div。但我不是很明白
我在这里创建了一个JSFiddle：http://jsfiddle.net/VwjxJ/
基本上，我希望使用style="visibility: hidden;"而不是style="display: none;"，因为我希望保留隐藏元素的空间
我尝试过使用show()、fadeIn()等，但都不起作用(它们对style="display: none;"有效)
我做错了什么？
回答 5
Stack Overflow用户
发布于 2011-08-26 20:23:45
根据JQuery文档，.show()“大体上等同于调用.css('display', 'block')，只是display属性会恢复到最初的状态。”改为显式设置样式。您可以使用CSS类
.hidden{
visibility: hidden;
}
.shown{
visibility: visible;
}set正在使用
$("#yourdiv").removeClass("hidden").addClass("shown");Stack Overflow用户
发布于 2015-05-06 16:26:00
如果希望保持隐藏元素的空间，请使用不透明度。
即：
$('div').fadeTo(500,1) //show
$('div').fadeTo(500,0) //hide例如：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style='opacity:0'>
Test opacity
</div>
<button onclick="$('div').fadeTo(500,1);">Show</button>
<button onclick="$('div').fadeTo(500,0);">Hide</button>
Stack Overflow用户
发布于 2011-08-26 20:22:14
嘿，伙计，你的小提琴可以用了，只要在小提琴上选择框架jQuery就行了。如果其可见性处于隐藏状态，则将css可见性属性更改为visible。
(".Deposit").css('visibility','visible');
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7204494
复制相关文章
相似问题