JQuery.show/.hide和CSS可见性之间的区别:隐藏
我正在尝试使用JQuery显示和隐藏Div元素:JQuery.show/.hide和CSS可见性之间的区别:隐藏,jquery,css,Jquery,Css,我正在尝试使用JQuery显示和隐藏Div元素: $("#Progress").hide("fast"); 但是,我需要先将div#Progress元素设置为hidden <div style="height:30px;margin-top:5px"> <div id="Progress" style="visibility:hidden"> <div style="float:left"> <img
$("#Progress").hide("fast");
但是,我需要先将div#Progress元素设置为hidden
<div style="height:30px;margin-top:5px">
<div id="Progress" style="visibility:hidden">
<div style="float:left"> <img src="../../../../Content/images/ProgressSpinner.gif"/></div>
<div> Saving.......</div>
</div>
</div>
您需要设置元素的“显示”属性:
#Progress {
display: none;
}
您需要设置元素的“显示”属性:
#Progress {
display: none;
}
a。如果不想看到闪烁效果,请不要使用
.hide('fast')
但对于您的情况,您可以只执行$(“#进度”).hide()代码>
在旁注中,尝试.hide('slow')
以查看较慢的隐藏
b.show(“fast”)
无效,因为您的进度div上有style=“visibility:hidden”
[隐藏但占用页面空间]
删除并替换为style=“display:none”
[隐藏并不占用页面空间]a。如果不想看到闪烁效果,请不要使用.hide('fast')
但对于您的情况,您可以只执行$(“#进度”).hide()代码>
在旁注中,尝试.hide('slow')
以查看较慢的隐藏
b.show(“fast”)
无效,因为您的进度div上有style=“visibility:hidden”
[隐藏但占用页面空间]
删除并替换为style=“display:none”
[隐藏并不占用页面空间]display:none代码>。尝试阅读文档,它回答了您的问题可见性:隐藏仍然占用空间<代码>显示/隐藏
设置显示:无
不占用sace。可能重复感谢有趣的链接….显示:无代码>。尝试阅读文档,它回答了您的问题可见性:隐藏仍然占用空间show/hide
setdisplay:none
不占用sace。可能重复感谢有趣的链接…@SamJolly-很乐意帮助。@SamJolly-很乐意帮助。