jQuery .get() DOM weirdness

Question

Quick rundown. Я добавляю класс «проверенных» элементов изображения, когда пользователь нажимает на них. Нажатие кнопки мой «Далее» скрывает DIV «Выбрать-фотографии» и показывает подтверждени DIV, впрыскивая в выбранных фотографий, например, так:

$('.next').click(function() { 
    $('.user-photos').attr('id', 'step-two'); 
    $('.choose-photos').hide(); 
    var selected = $('.checked').get(); 
    $('.confirm-batch').show().html(selected); 
} 
}); 

.get() метод работает достаточно хорошо; однако, если вы нажмете кнопку «Назад», чтобы вернуться к шагу 1, и выберите новые фотографии, какие бы фотографии вы ни выбрали, из DOM.

$('.choose').click(function(){ 
$('.user-photos').attr('id', 'step-one'); 
$('.confirm-batch').hide().html(''); 
$('.choose-photos').show(); 
} 

});

Есть ли способ вернуть эти «проверенные» элементы в «выбрать» div без перезагрузки страницы? В основном просто перезагрузка процесса.

Answer 1

jQuery перегружает некоторые из его методов с помощью глупого поведения.

Одним из примеров является то, что она позволяет это ...

var selected = $('.checked').get(); 
$('.confirm-batch').show().html(selected); 

Похоже, вы вставка HTML строки вынесенной из selected элементов, но это не так, это reloacting их, как вы обычно будете с узлами DOM.

В качестве решения можно либо клонировать их, или лучше, просто поместите их туда, где вы их нашли вместо того, чтобы уничтожить их с .html('')