首页 > 解决方案 > 你能帮我在 jquery 中按价格排序吗

问题描述

<div class="wrap-slick">
<div class="slick">
<div class="item-slick women">
<div class="block" data-price="100">
<a><img></a>
<div class="item price">$100</div>
</div>
</div>

<div class="item-slick women">
<div class="block" data-price="120">
<a><img></a>
<div class="item price">$120</div>
</div>
</div>

<div class="item-slick women">
<div class="block" data-price="12">
<a><img></a>
<div class="item price">$12</div>
</div>
</div>

<div class="item-slick women">
<div class="block" data-price="44">
<a><img></a>
<div class="item price">$44</div>
</div>
</div>

<div class="item-slick women">
<div class="block" data-price="986">
<a><img></a>
<div class="item price">$986</div>
</div>
</div>

</div>
</div>

我尝试了很多方法来排序

有问题

var divList = $(".item-slick");
divList.sort(function(a, b){
    return $(a).data("price")-$(b).data("price")
});
$('.slick').slick('slickUnfilter');
$(".slick").html(divList);

var filterClass = getFilterValue(type);
$('.slick').slick('slickUnfilter');
$('.slick').slick('slickFilter', filterClass);

它的工作,但滑动动画停止工作,你能提供任何帮助吗?

或者我可以使用任何过滤功能来实现。

基本上我想按从高到低或从低到高对我的轮播进行排序

标签: htmljqueryslick.js

解决方案


推荐阅读