Изменение размера окна до определенного размера

Я пытаюсь написать функцию JQuery, поэтому, когда я изменяю размер окна на 700 пикселей, я могу удалить класс CSS.

Могу ли я это сделать?

Может ли кто-нибудь указать мне на некоторые ресурсы или дать мне пример?


jquery resize window-resize
person Eduardo Hernandez    schedule 09.10.2013    source источник

Ответы (2)


arrow_upward
1
arrow_downward

1) Прислушивайтесь к событию изменения размера, см. http://api.jquery.com/resize/

E.g

 $( window ).resize(function() {
  $( "body" ).prepend( "<div>" + $( window ).width() + "</div>" );
});

2) Удалить класс, см. http://api.jquery.com/removeClass/

E.g

$( "p" ).removeClass( "myClass yourClass" )
person Scary Wombat    schedule 09.10.2013

arrow_upward
0
arrow_downward

Использование двух наборов CSS и использование медиазапроса для прослушивания ширины экрана может быть проще и лучше. И дает вам больше контроля над стилем в браузерах меньшего размера и лучший результат.

person Godinall    schedule 09.10.2013