Quicksand множественная фильтрация с сортировкой

Question

Привет Я работаю над этим звёздным полем jquery, и мне нужна множественная фильтрация с сортировкой. Я пробовал много инструментов, но некоторые из них имеют фильтрацию, и некоторые из них сортируются не так, но ничего не работают. с этим мне нужно добавить еще один фильтр (например: размещение). есть ли способы сделать это

jQuery(function($) { 
var $filterRegion = $('#filter input[name="region"]'); 
var $filterSort = $('#filter #sort'); 

var $applications = $('#listSorting'); 

var $data = $applications.clone(); 

$filterRegion.add("#sort").change(function(e) { 

    var $sortedValue = $(this).val(); 

    if ($($filterRegion+':checked').val() == 'all') { 
    var $filteredData = $data.find('li'); 
    } else { 
    var $filteredData = $data.find('li[data-region=' + $($filterRegion+":checked").val() + ']'); 
    if($filteredData.length <= "0"){ 
     $(".failedFilterResults").html("No data available"); 
    } 
    else{ 
     $(".failedFilterResults").html(""); 
    } 
    } 


if ($('#filter #sort').val() == "price") { 
    var $sortedData = $filteredData.sorted({ 
     by: function(v) { 
     var priceValue = $(v).find('span.currentprice').text(); 
     priceValue = priceValue.replace('$',''); 
     return parseFloat(priceValue); 
     } 
    }); 
    } else if($('#filter #sort').val() == "name"){ 
    var $sortedData = $filteredData.sorted({ 
     by: function(v) { 
     return $(v).find('strong').text().toLowerCase(); 
     } 
    }); 
    } 
    else{ 

    } 

    $applications.quicksand($sortedData, { 
    duration: 800 
    }); 

}); 

}); 

Answer 1

Здесь вы можете найти мой пример с двумя фильтрами и алфавитной сортировки:

http://jsfiddle.net/AVnzX/

Это мой фильтр Настройки:

<form id="filter"> 
<select name="country" id="filterCountry"> 
    <option value="alle">Alle</option> 
    <option value="usa">USA</option> 
    <option value="germany">Germany</option> 
    <option value="australia">Australia</option> 
</select> 
<select name="city" id="filterCity"> 
    <option value="alle">Alle</option> 
    <option value="newyork">New York</option> 
    <option value="sydney">Sydney</option> 
    <option value="paris">Paris</option> 
    <option value="munich">Munich</option> 
    <option value="berlin">Berlin</option> 
    <option value="losangeles">Los Angeles</option> 
    <option value="miami">Miami</option> 
    <option value="hamburg">Hamburg</option> 
    <option value="frankfurt">Frankfurt</option> 
    <option value="sanfrancisco">San Francisco</option> 
</select> 
<select name="alphabet" id="filterName"> 
    <option value="name">Name</option> 
    <option value="country">Country</option> 
    <option value="city">City</option> 
</select>