Клонированный элемент Jquery заменяет себя

#javascript #jquery #html #clone

#javascript #jquery #HTML #клонировать

Вопрос:

У меня возникли некоторые проблемы с клонированием элемента, когда я клонирую элемент и добавляю его в DOM, он работает отлично, но когда я пытаюсь клонировать второй, он заменяет первый добавленный клон, вы знаете, откуда он мог взяться?

   var clone_count = 1;
  var add_row = $('.modeloRowBlock-hidden').clone(true) // clone my div that is hidden
  $('.add-modelo-block').on('click', function() { // binded button to add my div
    var current_row = add_row.removeClass('modeloRowBlock-hidden hidden').addClass('modeloRowBlock'   ' '   clone_count  ) ;
    $('.modeloRowBlock-hidden').before(current_row);
  });
 

Заранее большое спасибо за вашу помощь :).

Джонатан.

РЕДАКТИРОВАТЬ: Мой плохой, я заставил его работать, фактически клонировал таким образом по другой причине и повторно интегрировал его в .on, и это сработало.

Комментарии:

1. Вы вставляете клонированный элемент .before() в исходный элемент?

2. Да, именно я вставляю его раньше.

3. В чем проблема?

Ответ №1:

Вы клонируете свою строку только один раз.
Если вы используете before для одного элемента, это приведет к перемещению элементов.

Если элемент, выбранный таким образом, вставлен в одно место в другом месте DOM, он будет перемещен до целевого объекта (не клонирован):

Подробнее: http://api.jquery.com/before /