У меня есть 2 таблицы "newsTable" и "eventsTable". Я хочу сделать их отсортированными с помощью jquery.sortable plugin, его работа довольно хорошо, но когда я нажимаю на любой столбец, он сортируется дважды, поэтому на самом деле я получаю начальную позицию:/Как решить проблему? Почему столбцы сортируются дважды? У меня не было проблем с этим, когда у меня была только одна таблица на странице, теперь у меня есть 2 и проблемы появились :(
<script>
$(document).ready(function()
{
$("#newsTable").tablesorter();
}
);
$(document).ready(function()
{
$("#newsTable").tablesorter( {sortList: [[1,0]]} );
}
);
$(document).ready(function() {
$("table")
.tablesorter({widthFixed: true, widgets: ['zebra']})
.tablesorterPager({container: $("#pager1")});
});
$(document).ready(function()
{
$("#eventsTable").tablesorter();
}
);
$(document).ready(function()
{
$("#eventsTable").tablesorter( {sortList: [[1,0]]} );
}
);
$(document).ready(function() {
$("table")
.tablesorter({widthFixed: true, widgets: ['zebra']})
.tablesorterPager({container: $("#pager2")});
});
</script>
Вы добавляете табличный блок четыре раза для обеих таблиц, поэтому сортировка происходит четыре раза.
Попробуйте вызвать $(document).ready()
только один раз:
$(document).ready(function()
{
$("#newsTable").tablesorter(
{
widthFixed: true,
widgets: ['zebra'],
sortList: [[1,0]]
}).tablesorterPager(
{
container: $("#pager1"),
size: 5
});
$("#eventsTable").tablesorter(
{
widthFixed: true,
widgets: ['zebra'],
sortList: [[1,0]]
}).tablesorterPager(
{
container: $("#pager2"),
size: 5
});
});