Создал Функцию wrapAll, но почему-то отказываются работать некоторые скрипты ссылкой на элементы которые были изменены, почему?

Question

[Outoverlay]

Создал Функцию wrapAll, она создает тег кидает в него нужные элементы(appendChild), тем самым создается обертка, а старые элементы удаляются. И все бы норм, но почему-то перестают работать скрипты.(Например при клике на отправку формы(ajax), она не отправляется, хотя без wrapAll работает нормально).

Answer 1

[Алексей Уколов]

почему-то перестают работать скрипты

Внезапно, потому, что элементы, на которые установлены обработчики, были удалены. Покажите полный код.

Comments

[Outoverlay]

Там библиотека, элементы не удалены(клонированы).

function wrapAll(fetch, html){

function getTarget(h){
var container = document.createElement("div");
container.innerHTML = h;
return container.children[0];
}

var box = getTarget(html);
var n = [], b;
for(var i = 0; i < fetch.length; i++){
b = n.push(fetch[i].outerHTML);
};
box.innerHTML = n.join('');
document.body.appendChild(box);
};

wrapAll(document.querySelectorAll('li'), "" );

[Outoverlay]

wrapAll(document.querySelectorAll('li'), "[ul class=\"sdf\"][/ul]" );

[Алексей Уколов]

Outoverlay: так вы создаете абсолютно новые элементы, у которых просто внутренний текст аналогичен каким-то другим элементам. Никаких обработчиков вы не ставите, вот они и не работают.

[Outoverlay]

Алексей Уколов: И как быть?

[Алексей Уколов]

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

[Виталий Инчин ☢]

Алексей Уколов: можно просто через appendChild переместить элементы внутрь нового блока. Обработчики сохранятся.