在应用CSS和Javascript之前，如何防止导航呈现为列表？_Javascript_Jquery_Css_Dom_Yui Pure Css

在应用CSS和Javascript之前，如何防止导航呈现为列表？

javascript jquery css dom

在应用CSS和Javascript之前，如何防止导航呈现为列表？,javascript,jquery,css,dom,yui-pure-css,Javascript,Jquery,Css,Dom,Yui Pure Css,我有一个用HTML中无序列表元素构建的导航。我用CSS（使用）来设计它。使用Jquery，这是一个小的JS函数。这些是最重要的当页面加载时，它总是在呈现导航之前将列表呈现为普通html。如何防止列表的初始呈现使用适用于所有javascript的文档： $(document).ready(function() { //all js } 并将css放在头脑中，以便在加载DOM元素之前呈现所有内容： <head> <style></style> &l

我有一个用HTML中无序列表元素构建的导航。我用CSS（使用）来设计它。使用Jquery，这是一个小的JS函数。这些是最重要的

当页面加载时，它总是在呈现导航之前将列表呈现为普通html。如何防止列表的初始呈现

使用适用于所有javascript的文档：

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

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

<head>
<style></style>
<script></script>
</head>
<body>
    <!--All your html-->
</body>

为所有javascript使用文档就绪：

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

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

<head>
<style></style>
<script></script>
</head>
<body>
    <!--All your html-->
</body>

为所有javascript使用文档就绪：

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

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

<head>
<style></style>
<script></script>
</head>
<body>
    <!--All your html-->
</body>

为所有javascript使用文档就绪：

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

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

<head>
<style></style>
<script></script>
</head>
<body>
    <!--All your html-->
</body>

基于，在那里添加

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>


尤伊({
classNamePrefix:'纯'
}).使用（'gallery-sm-menu'，功能（Y）{
变量水平菜单=新Y.菜单({
容器：“#演示水平菜单”，
sourceNode:“#标准菜单项”，
方向：“水平”，
hideOnOutsideClick:false，
hideOnClick:false
});
水平菜单。渲染（）；
horizontalMenu.show（）；
$（“#标题包装”）.show（）；
});

基于，在那里添加

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>


尤伊({
classNamePrefix:'纯'
}).使用（'gallery-sm-menu'，功能（Y）{
变量水平菜单=新Y.菜单({
容器：“#演示水平菜单”，
sourceNode:“#标准菜单项”，
方向：“水平”，
hideOnOutsideClick:false，
hideOnClick:false
});
水平菜单。渲染（）；
horizontalMenu.show（）；
$（“#标题包装”）.show（）；
});

基于，在那里添加

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>


尤伊({
classNamePrefix:'纯'
}).使用（'gallery-sm-menu'，功能（Y）{
变量水平菜单=新Y.菜单({
容器：“#演示水平菜单”，
sourceNode:“#标准菜单项”，
方向：“水平”，
hideOnOutsideClick:false，
hideOnClick:false
});
水平菜单。渲染（）；
horizontalMenu.show（）；
$（“#标题包装”）.show（）；
});

基于，在那里添加

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>


尤伊({
classNamePrefix:'纯'
}).使用（'gallery-sm-menu'，功能（Y）{
变量水平菜单=新Y.菜单({
容器：“#演示水平菜单”，
sourceNode:“#标准菜单项”，
方向：“水平”，
hideOnOutsideClick:false，
hideOnClick:false
});
水平菜单。渲染（）；
horizontalMenu.show（）；
$（“#标题包装”）.show（）；
});

您应该在头部加载CSS，以便始终应用它。要等到JS，您可以将其隐藏在CSS中（

display:none

），并在JS中显示。我尝试隐藏nav

#头包装{display:none}

，然后在页面加载

$（文档）上显示它。ready（function（）{$（“#头包装”）.show（））。。。它最初确实隐藏了nav，然后用JS显示它，但它不能解决列表呈现问题

位于菜单JavaScript load之后，这是之前调用的最后一个JS函数。您应该在头部加载CSS，以便始终应用它。要等到JS，您可以将其隐藏在CSS中（

display:none

），并在JS中显示。我尝试隐藏nav

#头包装{display:none}

，然后在页面加载

$（文档）上显示它。ready（function（）{$（“#头包装”）.show（））。。。它最初确实隐藏了nav，然后用JS显示它，但它不能解决列表呈现问题

位于菜单JavaScript load之后，这是之前调用的最后一个JS函数。您应该在头部加载CSS，以便始终应用它。要等到JS，您可以将其隐藏在CSS中（

display:none

），并在JS中显示。我尝试隐藏nav

#头包装{display:none}

，然后在页面加载

$（文档）上显示它。ready（function（）{$（“#头包装”）.show（））。。。它最初确实隐藏了nav，然后用JS显示它，但它不能解决列表呈现问题

位于菜单JavaScript load之后，这是之前调用的最后一个JS函数。您应该在头部加载CSS，以便始终应用它。要等到JS，您可以将其隐藏在CSS中（

display:none

），并在JS中显示。我尝试隐藏nav

#头包装{display:none}

，然后在页面加载

$（文档）上显示它。ready（function（）{$（“#头包装”）.show（））。。。它最初确实隐藏了nav，然后用JS显示它，但它不能解决列表呈现问题在菜单JavaScript加载之后，这是之前调用的最后一个JS函数。我已经完成了所有这些。。。刚刚核实过。加载所有CSS和Javascript。所有的Javascript都包装在“文档准备就绪”中。其他想法？我已经完成了所有这些。。。刚刚核实过。加载所有CSS和Javascript。所有的Javascript都包装在“文档准备就绪”中。其他想法？我已经完成了所有这些。。。刚刚核实过。加载所有CSS和Javascript。所有的Javascript都包装在“文档准备就绪”中。其他想法？我已经完成了所有这些。。。刚刚核实过。加载所有CSS和Javascript。