div 在页面加载时显示然后隐藏

Question

我在带有母版页的 asp.net 页上使用jQuery，我的目的是隐藏div。所以我用

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

现在的困境是，当在页面上单击按钮时，div 会显示一秒钟，然后隐藏。在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>