Не передаются данные формы после appendto, как исправить?

Question

[Alino4ka]

Имеется страница с товарами и функция сортировки цен, цены у меня хранятся в data-price у объектов .box, сам код:

$('.row').find('.box').sort(function (a, b) {
return +a.getAttribute('data-price') - +b.getAttribute('data-price');
})
.appendTo($('.row'));

все работает и сортирует, но вот проблема:
Внутри каждого блока .box есть чекбокс, после сортировки как их не тыкай - форма не будет отправлена, точнее отправится пустая, как будто input:checkbox вообще нету на странице.

Как это можно исправить?

Answer 1

[Дмитрий Клусевич]

При сортировки происходит перерисовка контента, если вы вешаете события через js, все обработчики слетают, придется повесить их снова, после сортировки.

Comments

[Alino4ka]

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

[Дмитрий Клусевич]

Отправка формы через js происходит?

[Alino4ka]

Нет, просто форма, при клике на input:submit

[Дмитрий Клусевич]

Попробуй по окончанию сортировки, в js определить форму и вызвать submit через js.