在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') ;

或者你也可以调用jQuery show()方法来做同样的事情.

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