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

请你详细说明你的意思＆＃34;我已将隐藏代码放在css＆＃34;之前。您只需执行以下操作即可完成您要执行的操作

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

Div显示然后隐藏在页面加载上

2 个答案: