Показать сообщение отдельно
  #1 (permalink)  
Старый 17.11.2018, 10:13
Интересующийся
Отправить личное сообщение для dranoc Посмотреть профиль Найти все сообщения от dranoc
 
Регистрация: 31.08.2017
Сообщений: 11

onresize не работает если добавлять условия
Здравствуйте! Есть скрипт который при загрузке определяет размер окна, а так отслеживает изменение размера
var win = $(this); //this = window
$(function(){
fnName();
window.onresize = fnName;
});
 
function fnName(){
if (win.width() <= 992) {
        $('.bxslider').bxSlider({
            mode: 'horizontal',
            moveSlides: 1,
            slideMargin: 30,
            infiniteLoop: true,
            slideWidth: 460,
            minSlides: 1,
            maxSlides: 1,
            speed: 800,
        });
    }else if (win.width() > 992 && win.width() < 1200) {
        $('.bxslider').bxSlider({
            mode: 'horizontal',
            moveSlides: 1,
            slideMargin: 30,
            infiniteLoop: true,
            slideWidth: 660,
            minSlides: 2,
            maxSlides: 2,
            speed: 800,
        });
    }else if (win.width() > 1200) {
        $('.bxslider').bxSlider({
            mode: 'horizontal',
            moveSlides: 1,
            slideMargin: 30,
            infiniteLoop: true,
            slideWidth: 660,
            minSlides: 3,
            maxSlides: 3,
            speed: 800,
            touchEnabled: false,
        });
    }
}

При загрузке проверяет, а вот при изменении код не меняется на другой, только если использовать 1 код без других которые в else if
Ответить с цитированием