Question

我希望有一个与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;

感谢阿曼。

Answer 1

尝试向其添加display:block（UI可能已将其设为内嵌）：

$menu .= '<li style="display:block;"><a href="'.$val['link'].'"';

Answer 2

jQuery UI使用“CSS Framework”，you can read about it here。基本上它使用一组定义明确的类来表示特定的事情，只需使用适当的类包括你想要使用的主题/ CSS，你就完成了：）

对于菜单，您可能希望从Interaction States类部分开始。例如，而不是：

<li class="current">

您可能希望ui-state-active或ui-state-highlight替换current或另外.current（此外如果<li class="current ui-state-active">有其他样式规则想要），像这样：

{{1}}

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

2 个答案: