如何使用jquery创建分页和排序？

Question

我需要使用jquery创建一个分页，每页显示5个结果。此外，我必须允许用户按价格对结果进行排序。

我创建了分页，它运行正常。错误在于排序功能。当用户对结果进行排序时，它只会对特定页面中可用的结果进行排序，而不是对总结果进行排序。 Here is the demo 以下是对价格进行分类的功能。

var ascending = false;
$('.sortc').on('click', '.sortp', function (e) {
    e.preventDefault();
    var sorted = $('ul .price_indiv').sort(function (a, b) {
        return (ascending == (convertToNumber($(a).find('.final_price').html()) < convertToNumber($(b).find('.final_price').html()))) ? 1 : -1;
    });
    ascending = ascending ? false : true;

    $('.price').html(sorted);
});
var convertToNumber = function (value) {
    return parseFloat(value.replace('$', ''));
}

有人可以帮我解决这个问题吗？注意：没有插件

Answer 1

我认为您误解了Pager的工作原理。您可能需要重新评估此脚本的工作原理。它显示正确的项目，并使用display:none;

简单地隐藏其余列表项

排序前

！

排序后

！

因为DarkHorse说分类工作完美。您需要做的就是重新应用排序功能以使其正常工作