Блог

Я хочу клонировать некоторых игроков внутри моего .shuffler div. Поскольку я прикрепил прослушиватели кликов к .player разделам, я хочу добавить весь объект, а не только их HTML.

Когда я просматриваю приведенный ниже код, я получаю правильный результат при входе playerClones[j] в each цикл, но он ничего не добавляет.

Есть идеи о том, как клонировать моих игроков и добавлять каждого игрока 25 раз к моему .shuffler. , не теряя прослушивателя кликов?

 this.amountOfDuplicates = 25;
var playerClones = [];
this.parentObject.find('.player').each(function () {
    playerClones.push(jQuery(this).clone());
});

for (var i = 0; i < this.amountOfDuplicates; i  ) {
    for (var j = 0; j < playerClones.length; j  ) {
        this.parentObject.find('.shuffler').append(playerClones[j]);
    }
}
  

Поиграйте здесь!

Обычно при использовании $(this).clone() клонируется весь объект, кроме прослушивателя кликов.

Было бы лучше, если бы вы могли объявить подобную функцию и вызывать ее каждый раз, когда вы клонируете объект.

 attachClickToClone = function() {
   $('.player').on('click', function() {
       //to-do-function
   }
}
  

И назовите это так.

 for (var i = 0; i < this.amountOfDuplicates; i  ) {
    for (var j = 0; j < playerClones.length; j  ) {
        this.parentObject.find('.shuffler').append(playerClones[j]);
    }
}
attachClickToClone();