Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Использование if с функцией Resize (https://javascript.ru/forum/jquery/51524-ispolzovanie-if-s-funkciejj-resize.html)

MeisMe 10.11.2014 07:34

Использование if с функцией Resize
 
Друзья, подскажите, как сделать так, чтобы при ресайзе в зависимости от ширины экрана срабатывали разные действия без перезагрузки страницы?

Если просто вкладывать функцию с if в resize - получается матрешка, действие с каждым ресайзом повторяется все большее количество раз.

В конце концов я пришла к таким костылям, но мне совершенно не нужна эта перезагрузка.
$(window).resize(function() {
setTimeout(function(){location.reload();});
if ($(window).width() <'800'){
$("footer ul").hide();
$("footer h3").click(function() {
$("footer ul:visible").slideUp("normal");
if (($(this).next().is("ul")) && (!$(this).next().is(":visible"))) {
$(this).next().slideDown("normal");
}
});
}
});

danik.js 10.11.2014 10:35

css3 media queries. А js делай независимым. Либо допустим в css скрываешь/отображаешь, а в js уже отталкиваешься от is(':visible')

MeisMe 10.11.2014 11:25

ага, спасибо!
тогда встает вопрос, как этот аккордеон дезактивировать при разворачивании окна. я как раз и использую Media queries :)

danik.js 10.11.2014 12:11

Ну как вариант использовать display:block !important в стилях.


Часовой пояс GMT +3, время: 23:17.