jquery-ui вертикальное использование навигационного меню с themeswitcher
Я хотел бы иметь вертикальное навигационное меню 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;
спасибо Arman.
2 ответа
Пользовательский интерфейс jQuery использует "CSS Framework », вы можете прочитать об этом здесь . В основном он использует четко определенный набор классов для определенных вещей, просто используйте соответствующие классы, включая тему / CSS, которые вы хотите использовать, и все готово :)
Для меню вы, вероятно, захотите начать с Раздел классов состояний взаимодействия . Например, вместо этого:
<li class="current">
Вы, вероятно, захотите ui-state-active или ui-state-highlight либо заменить, либо в дополнение к current ( кроме того, если .current имеет дополнительные правила стиля , которые вы хотите), например:
<li class="current ui-state-active">
Попробуйте добавить к ним display: block (пользовательский интерфейс мог сделать их встроенными):
$menu .= '<li style="display:block;"><a href="'.$val['link'].'"';