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);