Php jquery ui垂直导航菜单与themeswitcher一起使用

Php jquery ui垂直导航菜单与themeswitcher一起使用,php,jquery-ui,menu,navigation,Php,Jquery Ui,Menu,Navigation,我希望有一个垂直导航菜单compatibbel和jQuery UI ThemeRoller。 如何定义菜单的样式? 我只是动态构建菜单,php代码如下: $menu = '<ul>'; foreach ($items as $val) { if ( 'sep' == $val['link'] ) $menu.=$val['label'].'<br>'; else { // echo $_SERVER['SCRIPT_FILEN

我希望有一个垂直导航菜单compatibbel和jQuery UI ThemeRoller。 如何定义菜单的样式? 我只是动态构建菜单,php代码如下:

$menu = '<ul>';
foreach ($items as $val) {
    if ( 'sep' == $val['link'] )
        $menu.=$val['label'].'<br>';
    else {
      //  echo $_SERVER['SCRIPT_FILENAME']."<br>".DEF_PATH.$val['link'];

        if ($_SERVER['SCRIPT_FILENAME'] == DEF_PATH.$val['link']) {
            $menu .= '<li class="current"><a href="'.$val['link'].'"';
            $menu .= ' class="current"';
        }else
            $menu .= '<li><a href="'.$val['link'].'"';
        $menu .= ' target="'.$val['target'].'" '.'>'.$val['label']."</a></li>\n";
    }
}
$menu.="</ul>\n";
$main_menu.=$menu;
$menu='
    '; foreach($val形式的项目){ 如果('sep'=$val['link']) $menu.=$val['label'].
    ; 否则{ //echo$_服务器['SCRIPT_FILENAME']。“
    ”.DEF_路径。$val['link']; if($\u服务器['SCRIPT\u FILENAME']==DEF\u路径。$val['link'])){ $menu.='
  • \n; } } $menu.=“
\n”; $main_menu.=$menu;

谢谢Arman。

尝试向它们添加
display:block
(UI可能会使它们内联):

$menu.='
  • jQuery UI使用“CSS框架”。基本上,它使用一组定义良好的类来处理特定的事情,只需使用适当的类,包括您想要使用的主题/CSS,就可以了:)

    对于菜单,您可能希望从“类”部分开始。例如:

    <li class="current">
    

    感谢重播。我的“current”定义了“a:hover”。我能告诉我的“current”类hover应该是ui状态hover吗?@Arman-我会做一些类似
    $('ul li').hover(function(){$(this.toggleClass('ui-state-hover');});
    ,悬停时将类应用于
  • ,不悬停时将其删除。哦,是的,显示块会起作用。但我的悬停仍然不起作用。我应该以某种方式添加ui状态悬停:(
    <li class="current">
    
    <li class="current ui-state-active">