0
Ürünleri filtrelemek için jQuery kaydırma diskini kullanıyorum. Senaryodaki filtrelemenin değerini ayarladın - ama sayfamdaki veri özniteliğini kullanan en yüksek/en düşük sayıya dayanarak değeri dinamik olarak ayarlamayı tercih ederim.jQuery fiyat filtresi - filtre nesnesindeki slayt değerlerini ayarlama
Bu mümkün mü?
Filtre nesneleri:
<div class="priceinfo col5" data-price="100">100</div>
<div class="priceinfo col5" data-price="1000">1000</div>
Senaryo:
function showProducts(minPrice, maxPrice) {
$("#products li").hide().filter(function() {
var price = parseInt($(this).data("price"), 10);
return price >= minPrice && price <= maxPrice;
}).show();
}
$(function() {
var options = {
range: true,
min: 0,
max: 500,
values: [50, 300],
slide: function(event, ui) {
var min = ui.values[0],
max = ui.values[1];
$("#amount").val("$" + min + " - $" + max);
showProducts(min, max);
}
}, min, max;
$("#slider-range").slider(options);
min = $("#slider-range").slider("values", 0);
max = $("#slider-range").slider("values", 1);
$("#amount").val("$" + min + " - $" + max);
showProducts(min, max);
});
Vay bu çok ilginçti. Çok iyi çalışıyor. Bir takip sorusu - değeri (değerler: [50, 300],) en düşük/en yüksek sayı olarak ayarlamak mümkün mü? Temel olarak kaydırıcıyı her iki uçta da genişletilecek şekilde almaya çalışıyorum. –
@JerrySvensson üzgünüm, seni tamamen aldığımdan emin değilim –
Üzgünüm - yansımaya çalışın. slidebar - tanımlı değere (değerler: [50, 300]) göre gösterilir ama dinamik değer (min: Math.min.apply (Math, prices), max: Math.max.apply başına gösterilmesini istiyorum. (Math, prices),) tje sldiebar'ın hiç boş alana sahip olmaması - en düşük sayı ile başlayıp en yüksek –