Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.07.2020, 14:24
Аспирант
Отправить личное сообщение для LLIypuk Посмотреть профиль Найти все сообщения от LLIypuk
 
Регистрация: 23.07.2015
Сообщений: 48

Создание класса при загрузке страницы.
Приветствую!!!

Есть элемент
<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.
Ответить с цитированием
  #2 (permalink)  
Старый 16.07.2020, 14:40
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,795

$(function () {
    $('body').addClass($(window).width() > 600 ? 'three' : 'two');
});
Ответить с цитированием
  #3 (permalink)  
Старый 16.07.2020, 14:46
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

https://developer.mozilla.org/ru/docs/Web/CSS/@media
https://developer.mozilla.org/ru/doc..._media_queries
... etc
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отображение всех записей при загрузке страницы _marisha Общие вопросы Javascript 2 11.07.2019 08:18
Задать координаты положения курсора, при загрузке страницы. Blondinka Events/DOM/Window 1 20.02.2016 04:22
Чтение данных из Excel при загрузке страницы paulsk Общие вопросы Javascript 3 09.01.2015 13:46
Функция javascript вызывается при загрузке страницы Juli174 Общие вопросы Javascript 1 17.12.2013 19:38
При загрузке страницы не отображается картинка pimax1978 Opera, Safari и др. 10 06.01.2012 23:09