0

我有一个加载大量数据的模板。在该模板中还存在 5-6 个 div，每个 div 都有自己的用途。最初所有的 div 都是display:none。单击相应按钮时，将切换 div 类（display:none或display:''）。当模板加载从服务器端获取所有数据时，它需要一些时间，同时所有 div（显示：无）都被显示出来。这意味着display:none属性不起作用。当页面完全加载所有数据时，只有display:none起作用，并且 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 变得不可见，并且之后 toggleClass() 工作正常。

4

2 回答 2

1

你的 jQuery 准备好在文档上触发了吗？像这样：

$( document ).ready(function() {
    $("#area_link").click(function () {
        $("#zip_search").toggleClass("display_none");
    });
});

否则，toggleClass 函数将在页面（html + css）未完全加载时执行。

于 2013-05-23T08:19:47.550 回答
0

对 div 使用 inline-css 怎么样？( style="display:none;") 当然这不是一个很好的解决方案，但它可以解决问题！

于 2013-05-23T08:27:05.037 回答