У меня проблема с .clone()
, который выдает столько дубликатов, что он выходит из строя в моем браузере.
Вот мой пример кода:
<div>
<div class="mobile-top"></div>
<div class="date">January 22, 2019 - 13:44</div>
</div>
<div>
<div class="mobile-top"></div>
<div class="date">December 2, 2018 - 3:10</div>
</div>
<div>
<div class="mobile-top"></div>
<div class="date">March 22, 2017 - 1:37</div>
</div>
И мой код JS:
$(window).resize(function() {
if ($(window).width() < 600) {
$(".date").clone().appendTo(".mobile-top");
} else {
$(".mobile-top").empty();
};
}).resize();
То, что я пытаюсь сделать, это когда броузер меньше 600 пикселей, содержимое элемента .date
перемещается в элемент .mobile-top
.Происходит следующее: все три элемента .date
группируются и перемещаются в .mobile-top
на каждом элементе div и продолжают дублировать содержимое до сбоя браузера.
Я пытаюсь переместить .date
в.mobile-top
в каждом div, когда экран меньше 600px.
Рабочий пример того, что я сделал до сих пор - https://jsfiddle.net/openbayou/f5qwhnp1/