jquery - Jquery MixItUp2，过滤2个值之间的值

Question

我正在尝试使用 mixitup ( https://mixitup.kunkalabs.com/ ) 设置一个网上商店来过滤/分类产品。

这是站点，因为它是 atm。（虽然是丹麦语）： http: //www.boerkopcykler.dk/katalog2/74/0/Cykelcomputere_GPS

一切都按预期工作，但我被要求制作一个滑块，以指定要显示的价格范围。

我已经在谷歌上搜索了每个可以想象的（对我来说）搜索字符串，以确定它是否可能。

我也无法在文档中发现任何内容，而且我不是 js 新手。

我希望有人对此有任何想法。

Answer 1

您应该能够按data-price属性过滤元素，然后调用mixItUp，首先传递'filter'参数，然后是过滤后的元素：

// Here are your limits, as set by your slider or whatever..
var min = 2400, max = 3000,
    $container = $('#frmvareliste');

// Filter the mixed elements
var $show = $container.find('.mix').filter(function(){
    var price = Number($(this).attr('data-price'));
    return price >= min && price <= max
});

// Call mix it up to.. well.. mix it up..
$container.mixItUp('filter', $show);