Я выписал очень простой script для добавления/удаления класса при загрузке или при изменении размера окна.
Мне просто интересно, есть ли лучший способ сделать это, или если можно уменьшить строки кода.
В основном я хочу иметь возможность изменять стили, когда сайт просматривается на меньшем экране. Я думал, что было бы лучше добавить новый класс в тег html, когда он переместился под определённую ширину...
В любом случае, здесь мой код.
<script type="text/javascript">
$(document).ready( function() {
/* Check width on page load*/
if ( $(window).width() < 514) {
$('html').addClass('mobile');
}
else {}
});
$(window).resize(function() {
/*If browser resized, check width again */
if ($(window).width() < 514) {
$('html').addClass('mobile');
}
else {$('html').removeClass('mobile');}
});
Спасибо
Джиллиан