jquery результаты поиска фильтра

Question

im создание поисковой системы с php/sphinx/jquery, и у меня есть большая часть работы, за исключением фильтрации результатов поиска. результаты поиска не передаются фильтром, а все результаты отображаются, а затем пытаются использовать jquery, чтобы скрыть непревзойденные результаты при нажатии на флажок.

я создал скрипку для него здесь http://jsfiddle.net/LEZAh/

что работает: проверка коробки и иметь соответствующий элемент шоу, а когда другой флажок добавить его в разрешенных коробки, чтобы показать.

Что не работает: Если у вас установлено более одного флажка, и вы снимете один из них, соответствующий элемент не будет отображаться.

извините за плохое объяснение, но fillde будет говорить за свою благодарность!

Answer 1

Подобно тому, как дополнение к отличному посту выше (mrtsherman, Арен), последняя строка вашего заявления еще вызывают проблемы. Быстрое и грязное решение было бы:

//$(".ni-search"+checks).show(); //this was the offending line 

    $("#cat_"+$(this).attr('id')).hide(); //instead of showing everything just hide what was clicked 

Я успешно запустил это на вашей скрипке.

Answer 2

Я упростил вашу функцию щелчка.

$(document).ready(function() { 
    $('.search-option input').click(function(){ 
     var inputs = $(".search-option input"); 
     var products = $(".ni-search"); 

     products.each(function(i){ 
     if(inputs.eq(i).is(":checked")){ 
      $(this).show(); 
     }else{ 
      $(this).hide(); 
     } 
     }); 
     if(products.length == inputs.not(":checked").length){ 
      products.show(); 
     } 
    }); 
});​ 

Это предполагает, ваши результаты будут все в той же упаковке, и ваши флажки будут также все в том же обертке.

Link to updated jsFiddle

Answer 3

Вот еще одна упрощенная версия вашего скрипта.

http://jsfiddle.net/LEZAh/4/

$('input').change(function() { 
    //all checkboxes are unchecked, so show all 
    if ($('input:checked').length == 0) { 
     $('.ni-search').show(); 
    } 
    else { 
     //otherwise only show checked 
     $('.ni-search').hide(); 
     $('input:checked').each(function(index) { 
      $('.ni-search').eq(index).show(); 
     }); 
    } 
});​