OK, estuve viendo este sitio, y esta bueno lo que hace el flaco o la flaca, hace esto
Código Javascript
:
Ver original/*----------------inicia funcion barra que filtra por dias-----------------------*/
$(function() {
function showProducts(minDuration, maxDuration) {
$("tbody tr").hide().filter(function() {
var duration = parseInt($(this).data("duration"), 10);
return duration >= minDuration && duration <= maxDuration;
}).show();
}
var options = {
range: true,
min: 7,
max: 31,
values: [7, 31],
slide: function(event, ui) {
var min = ui.values[0],
max = ui.values[1];
$("#amount2").val(min + " días - " + max + " días");
showProducts(min, max);
}
}, min, max;
$("#slider-range2").slider(options);
min = $("#slider-range2").slider("values", 0);
max = $("#slider-range2").slider("values", 1);
$("#amount2").val(min + " días - " + max + " días");
showProducts(min, max);
});
/*----------------termina funcion barra que filtra por dias-----------------------*/
Es decir, con los slider, no filtra llamando a servidor sino del lado cliente, utilizando los data-type en los tr de la tabla general (<tr data-duration="25" data-price="2999") y la function showProducts lo que hace es ocultar todos los tr y luego mostrar los que esten dentro del rango especificado por el slider