menus - Replace jQuery with PHP or CSS for Customized WordPress wp_nav_menu

admin管理员组

文章数量:1297014

Does anyone know how to build a custom wp_nav_menu layout without using jQuery?

My current menu loads fine, but it causes the whole page to shift. jQuery adds CSS classes to items in the menu after it's loaded to produce drop-down menus.

Is there a way I can replace this jQuery logic with PHP or pure CSS, so it doesn't cause the content layout shift?

wp_nav_menu

    <ul class="navbar-nav">
        <?php wp_nav_menu(array('sort_column'=>'menu_order',
            'menu'=>'Headermenu', 
            'theme_location' => 'primarymenu',
            'container'=>false,
            'items_wrap'=>'%3$s')); ?>
    </ul>

jQuery Code (runs in footer)

<script type="text/javascript"> 
$('.navbar-nav li.menu-item-has-children').addClass('dropdown'); 
$('.navbar-nav li.menu-item-has-children > a').addClass('dropdown-toggle'); 
$('.navbar-nav li.menu-item-has-children > a').attr('data-toggle','dropdown'); 
$('.navbar-nav li.menu-item-has-children > a').append('<span class="caret"></span>'); 
$('.navbar-nav li > ul.sub-menu').addClass('dropdown-menu'); 
$('.navbar-nav li > ul.sub-menu').attr('role','menu'); 
</script>

本文标签： menusReplace jQuery with PHP or CSS for Customized WordPress wpnavmenu