Wordpress：在wp_nav_menu中为ul添加自定义ID

Question

I am trying to alter the wp_nav_menu to output the html like the below example.

<div class="menu">
<ul id="menu">

The original output

<div class="menu">
<ul>

I cant do it with jQuery or javascript, Its have to be php code

Answer 1

wp_nav_menu accepts the key menu_id in its options array. Set it to the ID you want, eg:

wp_nav_menu(array(
    'menu_id' => 'menu'
));

Answer 2

Giving the ul an id that's the same as the class of its container is asking for trouble, but this should work:

<?php

function showMenu(){
$args = array(
  'menu_id' => 'menu'
);

wp_nav_menu($args);

}

showMenu();
?>

The WordPress Codex has a page detailing all options for the wp_nav_menu() function: http://codex.wordpress.org/Function_Reference/wp_nav_menu

Answer 3

You can explicitly set the id in the html by defining items_wrap , and make sure walker is not set to some custom function:

wp_nav_menu( array(
    'theme_location' => 'main-menu'
    'items_wrap'     => '<ul id="menu" class="%2$s">%3$s</ul>',
    'walker'         => '',
)); 

This is incomplete info; 1st attempt to use:

'fallback_cb'     => false,

If you menu doesn't appear, that means you have not created any menu and that means its taking the fallback function take care for that.

So go and create a menu first. :D