Почему после выполнения cloneNode не работает скрипт?

Question

[mrzgt]

Есть скрипт который клонирует кнопку при разрешении < 768, но клон кнопки не могу понять почему не хочет работать

1111111111<br/>
<div id="affix">
<button type="button" class="minus" class="items-count">кнопка</button><br/>
</div>
222222222<br/>
 <div id="parent"></div>
3333333333<br/>

function minus() {
  alert("text");
}
$(".minus").click(function() {
  minus();
});

$(window).resize(function() {
  if ($(window).width() < 768) {
    var parent = document.getElementById("parent");
    var div = document.getElementById("affix");
    var div_prime = div.cloneNode(true);
    div.remove();
    parent.appendChild(div_prime);
  }
});

https://codepen.io/sergey-dragun/pen/BeKKNo

Answer 1

[Rsa97]

Потому что к клону не привязан обработчик. Используюте всплытие событий, вешайте обработчик .on на ближайшего общего неизменного родителя кнопок.

Comments

[Алексей Ярков]

mrzgt если ответ Вам помог, то отметьте его, пожалуйста, решением.