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

【问题标题】：How to create a pagination and sorting using jquery?如何使用 jquery 创建分页和排序？
【发布时间】：2015-07-27 04:14:42
【问题描述】：

我需要使用 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('$', ''));
}

有人可以帮我修复这个错误吗？注意：没有插件

【问题讨论】：

尝试数据表：datatables.net
老兄...我看到你的fiddle..它工作正常..

标签： javascript jquery sorting pagination

【解决方案1】：

我认为您误解了寻呼机的工作原理。您可能需要重新评估此脚本的工作原理。它显示正确的项目，并使用 display:none; 简单地隐藏列表的其余项目

排序前

排序后

因此，正如 DarkHorse 所说，排序工作完美。您需要做的只是可能重新应用排序功能以使其工作

【讨论】：