Cal_Lightman
@Cal_Lightman

Как включить JS на JQuery при ширине меньше 991px и отключить при больше 991 px без перезагрузки страницы сайта?

Делаю адаптивный сайт. Подключена библиотека Jquery. При ширине экрана >991px - сайдбар справа. При ширине <=991px - сайдбар уходит вниз, под контент.

Идея в том, чтобы при мобильных разрешениях <=991px блоки не выстраивались друг под другом, удлиняя прокрутку, а была возможность пошаговой горизонтальной прокрутки. Нашел для этого библиотеку. Но есть проблема.

При загрузке разрешения скажем 1000px - скрипты не работают, а при сужении экрана до 991px и ниже - работают. Всё как задумано. Но если начать увеличивать снова больше 991px - то JS скрипты не отключаются и верстка ломается.

Как правильно реализовать задуманное? Помогите пожалуйста. В JS не силен.

function resizeScrenn(){
    if ($(window).width() <= 991){


//библиотека для пошаговой прокрутки
(function(e,i){if(typeof....
(function(t,e){if(t......
(function(e,i){if(typ.....
(function(e,i){if(t....

$('.main-carousel').flickity({
    initialIndex:0,
    cellAlign:'center',
    friction:0.4,
    resize:true,
    contain:false,
    freeScroll:false,
    wrapAround:false,
    prevNextButtons:false,
    pageDots:true,
    percentPosition:true,
    watchCSS:false,
});


} else{


}   
}
resizeScrenn();
$(window).resize(function(){
    resizeScrenn();
});
  • Вопрос задан
  • 186 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы