0

我有使用 HTML 中的无序列表元素构建的导航。我用 CSS 设计它（使用PUREcss）。使用 Jquery，作为一个小的 JS 函数。这些是PUREcss 的实现说明。

当页面加载时，它总是在呈现导航之前将列表呈现为普通 html。我能做些什么来防止列表的初始呈现？

列表的初始渲染

导航的最终渲染

4

2 回答 2

2

为您的所有 javascript 使用准备好的文档：

$(document).ready(function() {
    //all js
}

并将您的 css 放在您的脑海中，以便在加载 DOM 元素之前呈现所有内容：

<head>
<style></style>
<script></script>
</head>
<body>
    <!--All your html-->
</body>
于 2015-02-05T19:39:20.423 回答
1

基于Pure 的示例代码，在此处添加show()调用...

<script>
YUI({
    classNamePrefix: 'pure'
}).use('gallery-sm-menu', function (Y) {

    var horizontalMenu = new Y.Menu({
        container         : '#demo-horizontal-menu',
        sourceNode        : '#std-menu-items',
        orientation       : 'horizontal',
        hideOnOutsideClick: false,
        hideOnClick       : false
    });

    horizontalMenu.render();
    horizontalMenu.show();

    $("#header-wrapper").show();
});
</script>
于 2015-02-05T20:23:52.573 回答