Как вызвать или отменить метод по условию?

Question

[Алексей Верховцев]

День добрый, задача такая, при ширине экрана менее 1000px функция должна как бы переставать работать, а если больше, то запускаться, плагин https://github.com/alvarotrigo/fullPage.js#fullpagejs, условие если больше, то это $(window).resize(function() {
if($(window).width() > 1100) {
$('#fullpage').fullpage({
anchors: ['header', 'services-section', 'portfolio-section', 'blog-section', 'contact-section'],
menu: '#menu',
navigation: true,
navigationPosition: 'right',
navigationTooltips: [],
responsiveWidth: 1100,
scrollBar: true,
normalScrollElements: '.section-five, .section-three',
responsiveHeight: 769,
fitToSection: false,
});
}

Но что писать в else, как сделать, чтобы она не работала, очень нужно, помогите

Answer 1

[Алексей Верховцев]

Всё, разобрался, спасибо всем!
Проблема кода Андрея была в неправильном условии else if, полностью рабочий вариант
var fullpageActive = false;
function windowSize() {
if($(window).width() >= 1100 && !fullpageActive) {
$('#fullpage').fullpage({
anchors: ['header', 'services-section', 'portfolio-section', 'blog-section', 'contact-section'],
menu: '#menu',
navigation: true,
navigationPosition: 'right',
navigationTooltips: [],
responsiveWidth: 1100,
scrollBar: true,
normalScrollElements: '.section-five, .section-three',
responsiveHeight: 769,
fitToSection: false,
});
fullpageActive = true;
}
else if($(window).width() < 1100 && fullpageActive) {
$.fn.fullpage.destroy('all');
fullpageActive = false;
}
}

$(window).on('load resize', windowSize);

Answer 2

[Андрей]

var fullpageActive = false;
$(window).resize(function() {
    if ($(window).width() > 1100 && !fullpageActive) {
        $('#fullpage').fullpage({
            anchors: ['header', 'services-section', 'portfolio-section', 'blog-section', 'contact-section'],
            menu: '#menu',
            navigation: true,
            navigationPosition: 'right',
            navigationTooltips: [],
            responsiveWidth: 1100,
            scrollBar: true,
            normalScrollElements: '.section-five, .section-three',
            responsiveHeight: 769,
            fitToSection: false,
        });

        fullpageActive = true;
    } else if (fullpageActive) {
        $.fn.fullpage.destroy('all');
        fullpageActive = false
    }
});

Comments

[Алексей Верховцев]

Спасибо за наводку, более менее работает не Ваш вариант, а чуть измененный
function windowSize() {
//var fullpageActive = false;
if($(window).width() >= 1100) {
$('#fullpage').fullpage({
anchors: ['header', 'services-section', 'portfolio-section', 'blog-section', 'contact-section'],
menu: '#menu',
navigation: true,
navigationPosition: 'right',
navigationTooltips: [],
responsiveWidth: 1100,
scrollBar: true,
normalScrollElements: '.section-five, .section-three',
responsiveHeight: 769,
fitToSection: false,
});
//fullpageActive = true;
}
else {
$.fn.fullpage.destroy('all');
fullpageActive = false;
}
}

$(window).on('load resize', windowSize);

Но при ресайзе выдает каждый раз ошибку jquery.fullPage.min.js:8 fullPage: Fullpage.js can only be initialized once and you are doing it multiple times! Но всё равно работает, после 1000 пикселей, перестает работать скрипт (перестает на всю высоту блок выравнивать) и обратно когда ресайз делаю, то снов работает, но эта ошибка, понимаю, что в логике ветвления что-то, но не ясно что, если есть идеи, поделитесь, пожалуйста, а так спасибо

[Bowen]

Не правильно инициализировать плагин каждый раз при.
Его надо лишь один раз, а дальше уже использовать всякие методы типа: update.
P.S. Прочтите документацию к плагину, там вероятнее всего вы и найдете решение вашей задачи

Answer 3

[DTX]

else $('#fullpage').fullpage.destroy();
https://github.com/alvarotrigo/fullPage.js#destroytype