限制页面加载期间显示的div
限制页面加载期间显示的div
提问于 2013-05-23 08:14:04
我有一个模板，其中有大量数据正在加载。在该模板中，5-6 div也存在，每个div都有自己的用途。最初，所有的div都是以显示器的形式制作的:无。在单击相应的按钮时，div类将被切换(显示:none或display:'')。当模板加载时，从服务器端获取所有数据，需要一些时间，同时显示所有div的数据(即显示:无)。这意味着显示:无属性不工作。当页面完全加载所有数据时，只有显示:没有工作，div变得不可见，并随后进行校正(切换)。最初如何限制div的显示。
代码：
<div class="display_none" id="zip_search">
<label>Enter Area Code</label>
<input type="text" class="input-medium" id="search_zip" maxlength="5">
</div>
<a class="btn btn-primary" id="area_link">Show Area</a>
$("#area_link").click(function () {
$("#zip_search").toggleClass("display_none");
});
.display_none{
display:none;
}在页面完全加载之后，div的div变得不可见，toggleClass()在此之后也可以正常工作。
Stack Overflow用户
回答已采纳
发布于 2013-05-23 08:19:47
您的jQuery是否已对文档启动？如下所示：
$( document ).ready(function() {
$("#area_link").click(function () {
$("#zip_search").toggleClass("display_none");
});
});否则，toggleClass函数将在页面(html + css)未完全加载时执行。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16708824
复制相关文章
相似问题
腾讯云开发者
