vpktz |
|
---|---|
Есть меню <ul class="uk-nav uk-nav-default uk-text-lead" tm-nav> <li> <a href=""> <i class="bi-house-door"></i> На главную </a> </li> <li> <a href="{PHP|cot_url('users')}"> <i class="bi-people"></i> Участники </a> </li> <li> <a href="{PHP|cot_url('forums')}"> <i class="bi-chat-square-dots"></i> Форум </a> </li> </ul> Как сменить класс у блока li с <li> на <li class="uk-active"> если нахожусь на данной странице? Что то пробую через js скрипты всякие найденные в гугле но ничего не работает. Скорее всего надо какое то условие в li вставить какое не найду
|
webitproff |
|
---|---|
предельно просто вот пример <!-- BEGIN: MAIN --> <ul class="uk-list uk-list-divider uk-nav-default uk-nav-parent-icon" uk-nav> <li></li> <!-- IF {LEVEL} == 0 --> <li><a href="{PHP|cot_url('projects')}">{PHP.L.All} {PHP.L.projects_projects}</a></li> <!-- ENDIF --> <!-- BEGIN: CATS --> <li class="<!-- IF {ROW_SELECTED} -->uk-active<!-- ENDIF --><!-- IF {ROW_SUBCAT} --> uk-parent<!-- ENDIF -->"> <a href="<!-- IF {ROW_SUBCAT} -->#<!-- ELSE -->{ROW_HREF}<!-- ENDIF -->">{ROW_TITLE}</a> <!-- IF {ROW_SUBCAT} --> <ul class="uk-nav-sub"> {ROW_SUBCAT} </ul> <!-- ENDIF --> </li> <!-- END: CATS --> </ul> <!-- END: MAIN --> более подробнее, если используете UIkit3 смотрите тут Добавлено 8 минут спустя: и не забываем, что в свои стили, добавлем например в mythemestyle.css .uk-navbar-nav>li.uk-active>a { color:#222 }
Добавлено 12 минут спустя: В Вашем случае это может быть код вида <ul class="uk-nav uk-nav-default uk-text-lead" tm-nav> <li <!-- IF {PHP.env.ext} == 'index' --> class="uk-active"<!-- ENDIF -->> <a href="{PHP|cot_url('index')}"> <i class="bi-house-door"></i>{PHP.L.Home} </a> </li> <li <!-- IF {PHP.env.ext} == 'users' --> class="uk-active"<!-- ENDIF -->> <a href="{PHP|cot_url('users')}"> <i class="bi-people"></i> {PHP.L.Users} </a> </li> <!-- IF {PHP.cot_modules.forums} --> <li <!-- IF {PHP.env.ext} == 'forums' --> class="uk-active"<!-- ENDIF -->> <a href="{PHP|cot_url('forums')}"> <i class="bi-chat-square-dots"></i>{PHP.L.Forums} </a> </li> <!-- ENDIF --> </ul>
аккаунт удален - не срослось с разработчиками
ушел на другой движок |
|
Dit bericht is bewerkt door webitproff (2022-03-27 06:22, 3 jaren ago) |
vpktz |
|
---|---|
Благодарю, все подробно. |