Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery创建分页和排序?_Javascript_Jquery_Sorting_Pagination - Fatal编程技术网

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

Javascript 如何使用jquery创建分页和排序?,javascript,jquery,sorting,pagination,Javascript,Jquery,Sorting,Pagination,我需要使用jquery创建分页,每页显示5个结果。我还必须允许用户按价格对结果进行排序 我创建了分页,效果很好。错误在排序功能中。当用户对结果进行排序时,它只是对特定页面中可用的结果进行排序,而不是对总结果进行排序。 下面是对价格进行排序的函数 var ascending = false; $('.sortc').on('click', '.sortp', function (e) { e.preventDefault(); var sorted = $('ul .price_i

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

我创建了分页,效果很好。错误在排序功能中。当用户对结果进行排序时,它只是对特定页面中可用的结果进行排序,而不是对总结果进行排序。 下面是对价格进行排序的函数

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('$', ''));
}
var升序=false;
$('.sortc')。on('click','.sortp',函数(e){
e、 预防默认值();
var sorted=$('ul.price_indiv').sort(函数(a,b){
返回值(升序==(convertToNumber($(a).find('.final_price').html())

有人能帮我修复这个错误吗?注意:如果没有插件,我认为您误解了寻呼机的工作原理。您可能需要重新评估此脚本的工作原理。它使用
display:none显示正确的项目,并简单地隐藏列表中的其余项目

排序前的


!


排序后


!



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

试试datatable:Dude。。。我看到你的
小提琴了。。它工作正常。。