加载页面时隐藏div显示答案

【问题标题】：while loading page hide div display加载页面时隐藏div显示
【发布时间】：2016-02-26 12:47:16
【问题描述】：

我在页面加载或刷新时使用给定脚本隐藏 div，但在页面加载时隐藏 div 显示，如何解决这个问题？这意味着隐藏 div 显示同时页面或需要时间加载页面时隐藏 div在隐藏的 div 之后显示

<div id="display">
		<div class="w-section">
			<label style="margin-left: 285px;">Coupon Name</label>
		</div>		
		<div class="w-section" >
			<label style="margin-left: 285px;">Transaction Amount</label>
		</div>
</div>

$("#display").css("display", "none");

【问题讨论】：

请用脚本添加完整代码
没有id为display的元素。
可以告诉你想做什么，我的意思更清楚。
是在页面加载前隐藏元素还是在页面完全加载后隐藏元素

标签： jquery html css

【解决方案1】：

加载jQuery需要时间你可以添加display:none inline like

<div id="display" style="display:none">
    <div class="w-section">
        <label style="margin-left: 285px;">Coupon Name</label>
    </div>      
    <div class="w-section" >
        <label style="margin-left: 285px;">Transaction Amount</label>
    </div>
</div>

在您使用 jquery display:block 更改后，您想要喜欢的地方

$(document).ready(function() {
    $("#display").css("display", "block");
});

【讨论】：

当我使用内联 css 时工作正常，但当我使用 jquery css 时不工作
你可以使用 $(document).load(function() { $("#display").css("display", "none"); });

【解决方案2】：

也许你应该改变逻辑，让 div 始终隐藏并在需要时更改为显示。

【讨论】：

【解决方案3】：

如果您希望在页面加载或我们完全加载时隐藏您的 div，您可以为该 div 分配一个带有 display: none 属性的 CSS 类。这样，当页面加载时，div 将被隐藏。您可以稍后通过事件使用 jquery 或 js 更改显示属性

【讨论】：

【解决方案4】：

这会有所帮助

#display { diaplay:none; } /* but this in your css file*/


<div id="display">
        <div class="w-section">
            <label style="margin-left: 285px;">Coupon Name</label>
        </div>      
        <div class="w-section" >
            <label style="margin-left: 285px;">Transaction Amount</label>
        </div>
</div>

//but this in script tag in the bottom of your page
    $(function() {
           $("#display").css("display", "block");
       });

【讨论】：

【解决方案5】：

使用

$(document).load(function () {
    $("#display").css("display", "none");
});

$(document).ready(function () {
    $("#display").css("display", "block");
});

【讨论】：