Jquery MixItUp2,过滤2个值之间的值

时间:2014-10-14 09:35:58

标签: jquery mixitup

我尝试使用mixitup(https://mixitup.kunkalabs.com/)设置网店,以过滤/分类产品。

这是该网站,因为它是atm。 (虽然丹麦语): http://www.boerkopcykler.dk/katalog2/74/0/Cykelcomputere_GPS

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

我在google上搜索了每个可以想象的(对我来说)搜索字符串,以确定它是否可能。

我也没能在文档中发现任何内容,而且我不是新手。

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

1 个答案:

答案 0 :(得分:3)

您应该可以按照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);