Divs顯示，然後隱藏在頁面加載

Question

我在一個asp.net頁面上使用jquery和母版頁，我的目的是隱藏div。 所以我用

$('#myDiv').hide(); 

現在的困境是，當按鈕被點擊頁面上的div顯示了一秒鐘，然後hide.There似乎DIV皮前閃爍。 有人可以解釋我如何解決這個問題。 我們可以調整css。 我已經把隱藏代碼放在CSS之前。 謝謝。

Answer 1

嘗試像

$('#myDiv').css('display','none'); 

有hide和display:none之間的差異。

如果您選擇hide那麼所選元素將立即隱藏，而不會動畫。這大致相當於調用.css（'display'，'none'），，除了，顯示屬性的值保存在jQuery的數據緩存中，以便稍後可以將顯示恢復到其初始值。如果一個元素的顯示值爲內聯，然後被隱藏並顯示，它將再次以內聯方式顯示。

Answer 2

您能否詳細說明您的意思是「我已將隱藏代碼放在CSS之前」。你可以做你想做的事情，只需做下面的事情就可以了：

<div id="myDiv">div1</div> 
<button id="button1" >button</button> 
<script> 
    $('#button1').click(function() { 
     $('#myDiv').hide(); 
     return false; 
    }); 
</script>