Как на jquery написать функцию завязанную на ширину экрана?

[Fizruke]

Как написать такую функцию чтобы при ширине 768 и менее добавить класс к блоку, а если ширина больше то удалить этот класс?

Edited April 28, 2016 by Fizruke

[Switch74]

плохая идея использовать для этого js, но если хочется, то

$('block').removeClass('class');
if($(window).width() <= 768) $('block').addClass('class');

 

[Sensei]

https://jsfiddle.net/L43g5yff/

[Fizruke]

Спасибо, там такой момент, что при полном экране меню будет в строчку, а при 768px  Будет прятаться, и включаться будет при нажатии кнопки которая также будет появляться при этой ширине экрана. Поэтому чтобы завязать этот блок на эту кнопку идея добавлять и убирать этот класс. Если его изначально поставить тогда при большом экране есть меню в браузере сужаем его понажимаем на кнопку все работает, открывает закрывает, а когда возвращаем экран большой тогда уже меню остаётся спрятанным. Надеюсь я не запутанно описал процесс?)

[Switch74]

Только что, Fizruke сказал:

Спасибо, там такой момент, что при полном экране меню будет в строчку, а при 768px  Будет прятаться, и включаться будет при нажатии кнопки которая также будет появляться при этой ширине экрана. Поэтому чтобы завязать этот блок на эту кнопку идея добавлять и убирать этот класс. Если его изначально поставить тогда при большом экране есть меню в браузере сужаем его понажимаем на кнопку все работает, открывает закрывает, а когда возвращаем экран большой тогда уже меню остаётся спрятанным. Надеюсь я не запутанно описал процесс?)

дык все это можно сделать через css
@media и input + label вам в помощь

[Vlad_P]

а чем поделка от твиттера не устраивает? велосипед должен быть свой?

[andrey7287]

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

[Fizruke]

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