2

我正在使用大型菜单。[由于安全和反向链接，我删除了链接 - 如果有人需要链接，请 PM 我]

我正在使用大型菜单进行导航。

我只使用以下脚本。

</body>我在标签之前放置了巨型菜单 jQuery 脚本

<script type="text/javascript">
$(function(){
    $('#mega-menu-3').dcMegaMenu({
        rowItems: '2',
        speed: 'fast',
        effect: 'fade'
    });
});
</script>

但是我猜在页面或 JS 文件加载之前，导航区域会显示一些块。

我可以清楚地看到慢速连接上的那些奇怪的块。

我该如何解决这个问题？

4

2 回答 2

3

CSS：

#mega-menu-3 {
    display: none;
}

JS：

$(window).load(function(){
    $('#mega-menu-3').show();
});

如果它不起作用，试试这个（并忽略我上面建议的 CSS）：

$(document).ready(function(){
    $('#mega-menu-3').hide();
});

$(window).load(function(){
    $('#mega-menu-3').show();
});

现在它只会在页面完全加载时显示。希望这可以帮助。:)

于 2014-03-06T12:46:27.817 回答
0

您可以在 css 中隐藏块，然后在 document.ready 上将 display:block 设置为元素。

于 2014-03-06T12:08:15.617 回答