Почему скрипт добавляет класс?

271
20 декабря 2016, 23:28

Привет!
Почему скрипт добавляет класс к body когда разрешение 1024?
По идее должно работать так, скрипт мониторит разрешение экрана, и при разрешении меньше 960 начинается работа.

$(window).resize(function() {
    if(document.documentElement.clientWidth < 959) {
        $('.js-open-form, .b-menu__to-form').click('on', function() {
            $.browser_device = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));
            if ($.browser_device) {
                search_elementTop = $(document).scrollTop();
                $(function() {
                    $('html, body').animate({
                       scrollTop: search_elementTop
                    }, 500);
                });
            }
            $('body').addClass('active-form');
            $('.b-feedback-form').addClass('active');
        });
        $('.b-feedback-form__close-link').click('on', function() {
            $('.b-feedback-form').removeClass('active');
            $('body').removeClass('active-form');
        });
    }
});

UPD Работает вот так:

$(window).resize(function() {
    $('.js-open-form, .b-menu__to-form').click('on', function() {
        if(document.documentElement.clientWidth < 959) {
            $.browser_device = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));
            if ($.browser_device) {
                search_elementTop = $(document).scrollTop();
                $(function() {
                    $('html, body').animate({
                       scrollTop: search_elementTop
                    }, 500);
                });
            }
            $('body').addClass('active-form');
            $('.b-feedback-form').addClass('active');
            $('.b-feedback-form__close-link').click('on', function() {
                $('.b-feedback-form').removeClass('active');
                $('body').removeClass('active-form');
            });
        } else {
            $('.b-feedback-form').removeClass('active');
            $('body').removeClass('active-form');
        }
    });
});
Answer 1

Поставьте условие проверки ширины внутри клика

READ ALSO
Jquery combobox и bootstrap

Jquery combobox и bootstrap

Создал веб-часть в которой часть работает с bootstrap, а логику для combobox сделал из jquery, все работает, но выпадающий список скрывается полями bootstrap:

311
serializeArray получить значения формы

serializeArray получить значения формы

Здравствуйте! Есть вот такой код: https://jsfiddlenet/alcheez/h5vjodx3/

307
Плагин галереи в окне

Плагин галереи в окне

Подскажите плагин-галерею в отдельном окне со следующими критериями:

203
подсчет полей выдает NaN

подсчет полей выдает NaN

Делаю калькулятор значений из полей формыДолжны подсчитываться горизонтальные значения и потом их значения складываться

251