display:none在CSS中不起作用,但在jQuery中不起作用

时间:2020-07-24 02:41:09

标签: javascript html jquery css

我有一个页面,其中div需要一段时间才能加载。

CSS中的简单代码使它无法加载:

.object-container{
    display:none;
}

但是,我确实需要默认显示它,并且仅根据条件不显示。

所以我有

if (x == 1)
{
     alert('here!');
     //$('.object-container').css("display", "none !important");
     $('.object-container').attr('style','display: none !important');
}

...,然后会弹出警报,但是在页面加载一段时间后,无论如何每次DIV都会显示。可能会发生什么?

1 个答案:

答案 0 :(得分:1)

$('.object-container').attr('style','display: none !important');将覆盖应用于该特定元素的所有内联样式。

这可能是引起您问题的原因。您应该通过以下方式单独更改display属性:

$('.object-container').hide()

$('.object-container').css('display','none')