jquery - 在 document.ready jquery 之后更改 css 显示元素

Question

我正在测试新的菜单代码，它有一个问题，就是它会加载所有内容，然后在所有加载完成后跳到位。

所以我正在尝试的是隐藏它直到文档准备好然后显示它

所以，CSS 来隐藏它:

#mega-menu-1 {
font: normal 13px Arial, sans-serif; 
list-style: none; 
position: relative; 
padding: 0; 
margin: 0;
margin-top:13px;
display: none;
}

然后我在页面末尾调用jquery加载菜单，然后将显示更改为阻塞，但菜单不显示

这是我正在尝试的 jquery:

<script type="text/javascript">
    $(document).ready(function($){
        $('#mega-menu-1').dcMegaMenu({
            rowItems: '2',
            event: 'click',
            fullWidth: false
        });
        $('#mega-menu-1').css('display') == 'block';
    });
</script>

正确的做法是什么？

Answer 1

如果您尝试设置 display 属性，那么您的 jQuery 函数语法有误 css() ，您需要 css( propertyName , value) 来设置属性值。

改变

$('#mega-menu-1').css('display') == 'block';

给

$('#mega-menu-1').css('display', 'block') ;

OR 您也可以调用 jQuery show()将执行相同操作的方法。

$('#mega-menu-1').show();