Question

我在页面加载或刷新时使用给定的脚本隐藏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");

Answer 1

加载jQuery需要时间，您可以像

一样添加内联display:none

<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");
});

Answer 2

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

Answer 3

使用

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

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

Answer 4

如果您希望在页面加载或我们完全加载时隐藏您的div，您可以将一个带有display：none属性的CSS类分配给div。这样，当页面加载时，div将被隐藏。您可以稍后使用事件

更改jquery或js的显示属性

Answer 5

这将有助于

#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");
       });

加载页面隐藏div显示

5 个答案: