Создание класса при загрузке страницы.
Приветствую!!!
Есть элемент <div id="content" class="two">контент</div> Изначально добавили код для изменения класса при изменении разрешения экрана. Код такой:
jQuery(document).ready(function(){
function classFunction(){
if(jQuery('body').width()<700){ jQuery('.two').removeClass('two').addClass('three');
}
else{
jQuery('.three').removeClass('three').addClass('two');
}
}
classFunction();
jQuery(window).resize(classFunction);
})
Однако в настоящий момент требуется не то, чтобы класс менялся при смене разрешения экрана, а чтобы загружался нужны класс непосредственно в момент загрузки страницы. То-есть, например, загружается страница при разрешении 600px и в этом случае грузится div с классом two, а если разрешение в момент загрузки страницы выше 600px, то грузится div с классом three. |
$(function () {
$('body').addClass($(window).width() > 600 ? 'three' : 'two');
});
|
|
| Часовой пояс GMT +3, время: 21:15. |