Создание класса при загрузке страницы.
Приветствую!!!
Есть элемент <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:17. |