List.js에 다른 필터링 카테고리를 추가하는 방법은 무엇입니까?

Question

나는이 라이브러리 사용하고 있습니다 : I 필터링 기준으로 다른 카테고리를 추가 할 필요가 http://listjs.com/

을, 그래서 나는 다음과 같은 추가 : 그런 다음

<li class="btn" id="filter-NewCategory">Only show New Category</li> 

이 같은

<script type="text/javascript"> 

    /* 
    * LOVELY THINGS 
    */ 

    var templates = { 
     valueNames: [ 'name', 'description', 'category' ] 
    }; 

    var featureList = new List('lovely-things-list', templates); 

    $('#filter-games').click(function() { 
     featureList.filter(function(values) { 
      if (values.category == "Game") { 
       return true; 
      } else { 
       return false; 
      } 
     }); 
     return false; 
    }); 

    $('#filter-NewCategory').click(function() { 
     featureList.filter(function(values) { 
      if (values.category == "NewCategory") { 
       return true; 
      } else { 
       return false; 
      } 
     }); 
     return false; 
    }); 


    $('#filter-beverages').click(function() { 
     featureList.filter(function(values) { 
      if (values.category == "Beverage") { 
       return true; 
      } else { 
       return false; 
      } 
     }); 
     return false; 
    }); 
    $('#filter-none').click(function() { 
     featureList.filter(function(values) { 
      return true; 
     }); 
     return false; 
    }); 
</script> 

을 그리고 버튼 필터링이 올바르게 작동하지 않습니다. 첫 번째 카테고리의 첫 번째 버튼이 작동하고 두 번째 결과가 추가되고 세 번째 가끔 작동합니다.

누군가 내가 뭘 잘못하고 있는지 알고 있을까요?

Answer 1

속성이 단일 항목입니다. 당신은 단순히 여기

featureList.filter(); 

전체 예제를 할 수

$('#filter-games').click(function() { 
    featureList.filter(function(item) { 
     if (item.values().category == "Game") { 
      return true; 
     } else { 
      return false; 
     } 
    }); 
    return false; 
}); 

그리고 필터를 재설정 : 당신은 비교를 만들기 위해 다음을 수행 할 필요가 나는에 무엇을 의미 http://pastebin.com/UPB095pk

Answer 2

두 번째 .click은 # filter-NewCategory에 바인딩하려는 경우 # filter-games에 바인딩 된 것처럼 보입니다. 코드를 변경

봅니다 읽기 : 필터링 기능을 가져

$('#filter-NewCategory').click(function() { 
    featureList.filter(function(values) { 
     if (values.category == "NewCategory") { 
      return true; 
     } else { 
      return false; 
     } 
    }); 
    return false; 
});