Выполнение скрипта при <=1023px

[npofopr]

Например я делаю вот так:

$(window).resize(function(){  if ($(window).width() <= 1023){    $('#bestseller_slider').carouFredSel({        responsive: true,        items: {            visible: 3        },        scroll: {            items:          1,            duration:       300        },        auto:               false,        swipe: {            onTouch:        true        },        prev: '#bestseller_prev',        next: '#bestseller_next'    });  } });

т.е. при разрешении <=1023 включается слайдер. Как бы все работает. 

А можно ли сделать, чтобы при увеличении разрешении, т.е. когда уже >1023 действие скрипта прекращалось. Т.е., например, слайдер отключался, вместе со своими стилями.

 

Может даже какие то библиотеки есть для этого дела?

 

[ryter]

вешай класс когда работает скрипт типо carouFredSel_processed и на него вешай стили когда не нужно класса нет стили не работают )

[npofopr]

вешай класс когда работает скрипт типо carouFredSel_processed и на него вешай стили когда не нужно класса нет стили не работают )

Попробую, но разве это не тоже самое получается?

[Zverushka]

А он платный? По нему есть документация полноценная?

Я прост не могу найти, но видимо она только при покупке доступна.

Должен быть метод, вроде .destroy - который убирает слайдер.

Я нашла вот такой совет $(".item-carousel").trigger("destroy");

Edited December 24, 2013 by Zverushka

[npofopr]

Документация конечно есть. Плагин бесплатный.

Есть дестрой... Видимо надо условие, что если разрешение не такое, то делать дестрой?

[Zverushka]

Ну да, а как еще.

[bvvell]

так все правильно получается, если разрешение меньше, то включить плагин, если больше, сделать ему десртой

if ($(window).width() <= 1023){

$('#bestseller_slider').carouFredSel({..})
}else{

$('#bestseller_slider').trigger("destroy");

}

Edited December 24, 2013 by bvvell

[npofopr]

У меня стоит 

$(window).resize(function(){

т.е. я так понимаю, выполнение скрипта идет при ресайзе, а как сделать, чтобы если сразу загрузились, например, в разрешении 768px, то слайдер начинал работать, т.е. без ресайза.

[rash]

У меня стоит 

$(window).resize(function(){

т.е. я так понимаю, выполнение скрипта идет при ресайзе, а как сделать, чтобы если сразу загрузились, например, в разрешении 768px, то слайдер начинал работать, т.е. без ресайза.

 

Выполнить функцию-обработчик сразу после загрузки, а потом выполнять на ресайз. Ну и ширину сразу в обработчике проверять.

[antonKar]

как вариант

 

http://jquery.page2page.ru/index.php5/Off

[k0d]

Вешайте обработчик на событие построения DOM-дерева....(document.ready) И проверяйте там, что хотите... Хоть ширину текущую, хоть высоту...

[antonKar]

Вешайте обработчик на событие построения DOM-дерева....(document.ready) И проверяйте там, что хотите... Хоть ширину текущую, хоть высоту...

А про ресайз Пушкин думать будет?

[k0d]

А про ресайз Пушкин думать будет?

 

Дак это же другая тема... спрашивали то про загрузку...

Тем более ресайз уже реализован как-то....

[antonKar]

Дак это же другая тема... спрашивали то про загрузку...

 

 

А можно ли сделать, чтобы при увеличении разрешении, т.е. когда уже >1023 действие скрипта прекращалось.

 

[npofopr]

Выполнить функцию-обработчик сразу после загрузки, а потом выполнять на ресайз. Ну и ширину сразу в обработчике проверять.

 На мобильниках, кстати, слайдер сразу начинает работать. А вот в браузере, если сразу загрузить страницу в маленьком разрешении, не схватывает.

[rash]

 

Выполнить функцию-обработчик сразу после загрузки, а потом выполнять на ресайз. Ну и ширину сразу в обработчике проверять.

 На мобильниках, кстати, слайдер сразу начинает работать. А вот в браузере, если сразу загрузить страницу в маленьком разрешении, не схватывает.

 

То есть не получается выполнить функцию на domready и тут же назначить ее на onresize? По такому описанию я вряд-ли смогу что-то сказать

[Zverushka]

Код в студию)

$(document).ready() стоит?

Edited December 26, 2013 by Zverushka

[k0d]

Код в студию)

 

Адски плюсую.

[npofopr]

Не правильно выразился я, наверно)

Я про то, что вот такой вариант, который был изначально http://jsfiddle.net/npofopr/sVQk2/ на телефоне нормально сработал.

А на PC если браузер загружать в маленьком окошке, слайдер срабатывает только при небольшом ресайзе окна.

[Zverushka]

Изначальный вариант, а уже есть конечный рабочий?
В общем проблема решена или нет?

[bvvell]

Не правильно выразился я, наверно)

Я про то, что вот такой вариант, который был изначально http://jsfiddle.net/npofopr/sVQk2/ на телефоне нормально сработал.

А на PC если браузер загружать в маленьком окошке, слайдер срабатывает только при небольшом ресайзе окна.

 

http://jsfiddle.net/bvvell/mRCPe/

если вынести проверку в функцию, то ее можно сразу вызвать, а потом на ресайз

[nerv]

вариант http://jsfiddle.net/sVQk2/2/

[npofopr]

 

Не правильно выразился я, наверно)

Я про то, что вот такой вариант, который был изначально http://jsfiddle.net/npofopr/sVQk2/ на телефоне нормально сработал.

А на PC если браузер загружать в маленьком окошке, слайдер срабатывает только при небольшом ресайзе окна.

 

http://jsfiddle.net/bvvell/mRCPe/

если вынести проверку в функцию, то ее можно сразу вызвать, а потом на ресайз

 

У меня не сработало, кстати.

Я так понимаю, это то же самое почти?)

$(document).ready(function () {    updateContainer();    $(window).resize(function() {        updateContainer();    });});function updateContainer() {    var $containerWidth = $(window).width();    if ($containerWidth <= 767) {        var cw = $('.pair_box').width();        $('.pair_box').css({            'height': cw + 'px'        });    }}

Тут конечно о другом, но тоже вроде по такой же схеме. 

[bvvell]

Да, что-то похожее,но как мне кажется, nerv предложил более "культурный" вид скрипта