Question

我正在使用以下代码在移动css网站上显示菜单。

目前，当网站加载时，它会立即出现，而且我只是在使用它时才会根据请求加载...有什么帮助吗？ - 我知道这是一个快速的解决方案，但似乎无法解决这个问题，我已经尝试过其他论坛并在线搜索，但却听不到回应。

<script type="text/javascript">
jQuery(document).ready(function($){

    /* prepend menu icon */
    $('#nav-wrap').prepend('<div id="menu-icon"><img id="logo" src="<?php echo site_url(); ?>/wp-content/themes/blue-and-grey/images/mobileimages/hme_btn.png" /></div>');

    /* toggle nav */
    $("#menu-icon").on("click", function(){
        $("#nav").slideToggle();
        $(this).toggleClass("active");
    });

});
</script>

Answer 1

您可以添加一些简单的CSS来隐藏元素

<强> CSS

#menu-icon{
   display: none;
}

Answer 2

只需在hide()之后的某个地方，就其想要隐藏的任何元素，例如 $("#nav").hide()调用prepend。

jQuery显示在第一个实例而不是隐藏

2 个答案: