Zend Navigation Menu customising to use JQuery jdmenu

Question

So i've followed the tutorial Zend Framework: Navigation and Breadcrumbs with an XML File in ZF 1.8 and all is working well, but i now want to use the jdmenu jquery plugin to renderer a cleaner looking horizontal menu. By default, the Zend framework wraps the menu html code in this element name

<ul class="navigation">

I think i can call this method to set the 'ul' element class atttribute to 'jbmenu'

Zend_View_Helper_Navigation_Menu->setUIClass('jdMenu');

but i'm not sure how i can get access to the Zend_View_Helper_Navigation_Menu object reference. Should this be done in the Bootstrap.php file in the __initNav() method?. Any advise would be appreciated.

Answer 1

jdmenu initializes like this:

$('ul.jd_menu').jdMenu();

So, you should be able to leave Zend alone and simply alter the initialization line to match the name of the UL being used. E.g.,:

$('ul.navigation').jdMenu();

Answer 2

If you want to specify this in Zend you access the View Helper when printing the menu in your layout. So you could use:

//layout.phtml
echo $this->navigation()->menu()->setUlClass('jdMenu');

Answer 3

Use this:

$this->navigation()->menu()->setUlClass('jd_menu')->renderMenu($container);