Может быть, этот вопрос задан раньше, но я застрял в позиции, где я могу сортировать таблицу данных во время загрузки страницы. Но когда я заменяю всю таблицу данными, заполненными ajax, тогда она перестает работать. Пожалуйста, помогите мне,
Я использую следующий код в соответствии с сортировкой таблицы jQuery
$('#loc_sort, #rate_sort') // these are the th ids that i want to sort
.wrapInner('<span title="sort this column"/>')
.each(function(){
var th = $(this),
thIndex = th.index(),
inverse = false;
th.click(function(){
table.find('td').filter(function(){
return $(this).index() === thIndex;
}).sortElements(function(a, b){
return $.text([a]) > $.text([b]) ?
inverse ? -1 : 1
: inverse ? 1 : -1;
}, function(){
// parentNode is the element we want to move
return this.parentNode;
});
inverse = !inverse;
});
});
скажите, пожалуйста, как я могу использовать этот код с.on методом. Я добавляю html-код, который исходит от ajax до
<div id="outer_all_div"></div>
div.Wh не заменяет. Пожалуйста помогите мне. Спасибо заранее.
Просто привяжите свое событие к родительскому. Затем это нужно только один раз, и он не потеряется при замене внутренней таблицы.
$('#outer_all_div').on('click', '#loc_sort, #rate_sort', function() {
...
});