Javascript 显示：无在CSS中工作，但在jQuery中不工作

我有一个页面，其中一个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仍会显示。可能发生什么情况？

$（'.object container'）.attr（'style'，'display:none！important'）将覆盖应用于该特定元素的所有内联样式

这可能是导致您出现问题的原因。您应该通过以下方式单独更改
显示
属性

$（'.object container'）.hide（）

或

$（'.object container'）.css（'display'，'none'）
正确的方法是
$（“.object container”）.css（“display”，“none”）
。其他代码可能会影响元件；您应该能够检查DOM并查看样式规则是如何解释的。这可以通过
$（“.object container”）.hide（）实现