Реклама

Bootstrap выпадающее меню и Joomla

Недавно столкнулся с задачей "привинчивания" меню в джумле, чтобы оно было по всем канонам Bootstrap. 

 

Как бы просто прописать класс nav и nav-bar не сложно. Создаем модулю меню и указываем с пробелом вначале свой класс. Все проблема в том, что, чтобы возле ссылки с подпунктами, была еще span со значком стрелки и атрибут data-toggle. Но на просторах интернета нашел изящное решение на jquery (простое и гениальное), для любого меню, если у вас подключен bootstrap.

 

<script>
jQuery(document).ready(function($) {

function menu(){
$('.navbar .parent').addClass('dropdown');
$('.navbar .parent > a').addClass('dropdown-toggle');
$('.navbar .parent > a').attr('href', '#');
$('.navbar .parent > a').attr('data-toggle', 'dropdown');
$('.navbar .parent > a').append(' ', '<span class="caret"></span>');
$('.navbar .parent > ul').addClass('dropdown-menu');
}
menu();

});
</script>

 

Последнее изменениеПятница, 20 Май 2016 12:37
Другие материалы в этой категории: « Применяем jquery для высоты слоя при масштабировании

Официальный уголок spoOky. Рогозин Ст.