Как сделать подмену HTML, при ширине окна ниже 940px?

Question

[DestroyerZzz]

Хочу чтобы когда ширина окна меньше 940 пикселей подменялся HTML код. (Стирался старый и вставлялся новый) Подскажите как пожалуйста.

Ну или я могу закоментить нужный код, а при ширине раскоментить и закоментить ненужный

Answer 1

[Alexander Sharihin]

через javascript же.

Если подключен jQuery, то вообще просто:

$(function(){
if ($(window).width()<940) {
  $('#container').html('<p>Новый текст в контейнере с id container</p>');
}});

Comments

[DestroyerZzz]

не работает

[Alexander Sharihin]

DestroyerZzz: jQuery подключен? я еще может где чисто по синтаксису косяканул - писал сразу в браузере. что в ошибки падает? Код исполняется сразу после загрузки страницы - т.е. отработает только если окно изначально меньше(если нужно чтобы и по ресайзу - то тогда цепляешь на событие ресайза окна).

Answer 2

[Cyber_bober]

media (max-width: 940px) {
.wide-class{
display:none}
}

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

Answer 3

[bro-dev]

Для вашей задачи больше подойдет медиазапросы чем действительно подмена html. Лишний раз не стоит использовать js для оформления.