9 июня 2016 в 13:37
Вот код js для адаптивного меню.
($(function() {
var pull = $('#pull');
menu = $('navigaton ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
}))(jQuery);
Возможно как то не так подключаю его. Подскажите пожалуйса где не правильно делаю. В libraries.yml добавил файлик js.
Комментарии
jQuery подключен на странице?
https://www.drupal.org/theme-guide/8/assets
так надо подключать надо в theme.libraries.yml?
ну да
вот в файле theme.libraries.yml
global:
version: VERSION
css:
base:
css/base/base.css: {}
layout:
css/layout/layout.css: {}
component:
css/components/components.css: {}
theme:
css/theme/theme.css: {}
css/theme/media.css: {}
css/theme/print.css: { media: print }
js:
js/modernizr.js: {}
js/build/scripts.js: {}
js/menu.js: {}
dependencies:
- core/jquery
- core/drupal.ajax
- core/drupal
- core/drupalSettings
- core/jquery.once
Консоль смотрели? Ваш код очевидно должен сработать на jQuery(document).ready() Добавляли эту обертку?
jQuery(document).ready($(function() {
var pull = $('#pull');
menu = $('navigaton ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
}));
Добавил сейчас так, не работает.
А где смотреть консоль и что там смотрится?
Ссылку дайте на страницу
$('navigaton ul'); - тут явно ошибка, скорее всего $('#navigaton ul') или $('.navigaton ul');
http://sitesun.ru/
меню должно при мальеньком экране при клике раскрываться, а этого не происходит.
$('#navigaton ul') не помогло
Как я и предполагал, квери нет (см. скриншот).
Что-то вы намудрили с подключением, посмотрите примеры в доках.
хм...это получается я не правильно его подключил в файлике библиотек? или его еще где то подключать надо?
хорошо, посмотрю) спасибо за помощь, теперь хоть буду знать куда копать))
Не за что, скачайте любую тему под восьмерку и посмотрите как в ней реализовано подключение.
Действительно, не правильно подключал. Я все в одну библиотеку засовывал. Сейчас сделал в разных и все заработало! Спасибо)