3

Есть код, который при уменьшении размера экрана до 800 пикс. выводит после заголовка дополнительный код:

$(window).resize(function() {
  var width = $('body').innerWidth()
  if (width < 800) {
    $(".zag").after("<p class='dop'>Дополнительный Текст</p>");
  }
});
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Скрытие Блока в зависимости от разрешения монитора</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<h1 class="zag">Заголовок</h1>
</body>
</html>

Сейчас выводится несколько строк одинакового кода, типа лог файл. Нужно что бы код вывелся только один раз при изменении экрана.

1
  • Говорят, в соседней теме, в jQuery, есть функция .stop() Мне кажется, она прямо для Вашего случая
    – Dmytro
    26 мар 2018 в 20:35

1 ответ 1

5
$(window).resize(function () {
  var width = $('body').innerWidth();
  if (width < 800) {
    if ($(".dop").length == 0) {
      $(".zag").after("<p class='dop'>Дополнительный Текст</p>");
    }
  } else {
    $(".dop").remove();
  }
});
3
  • О! Отлично! Спасибо! А можете подсказать как ещё добавить условие что бы при возврате прежнего размера блок снова пропадал?
    – EXID
    26 мар 2018 в 20:38
  • @EXID Запросто.
    – user176262
    26 мар 2018 в 20:40
  • Отлично! То, что нужно!
    – EXID
    26 мар 2018 в 20:42

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.