0

モバイル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>
4

2 に答える 2

2

要素を非表示にする単純な css を追加できます

CSS

#menu-icon{
   display: none;
}
于 2013-05-03T00:09:00.640 に答える
0

Just call hide() on whatever element it is that you want hidden, e.g. $("#nav").hide(), somewhere after the prepend.

于 2013-05-03T00:08:33.623 に答える