페이지의 콘텐츠 카드를 필터링하는 방법은 무엇입니까?

Question

저는 세 가지 카테고리로 블로그 게시물을 만들었습니다: (디지털 마케팅 카테고리, 팁 및 조언 카테고리, 암호화폐 카테고리)

제가 하고 싶은 일은 필터링입니다.

예를 들어 디지털 마케팅 카테고리의 모든 기사를 보려면 이 버튼을 클릭하여 모든 디지털 마케팅 카테고리를 표시하고 다른 카테고리는 숨깁니다.

여기 내 코드 예제가 있습니다. 문제는 내 필터가 작동하지 않는다는 것입니다. 문제는 어디에 있습니까?

JavaScript를 추가하여 작동하게 했지만 여전히 작동하지 않습니다. 문제는 어디에 있습니까?

으아악 으아악

Answer 1

코드에서 "Filter All" 버튼의 data-category 属性定义为 data-category="filter-all"。因此，当单击“全部”按钮时，JavaScript 代码中的 selectedCategory 변수는 "filter-all"로 설정됩니다.

그러나 기사를 카테고리별로 필터링하는 if 문에서는 "filter-all"과 일치하지 않는 "all"과 비교되므로 기사가 표시되지 않습니다.

수정된 코드는 다음과 같습니다.

으아아아

또한 제공하신 JS가 누락되었습니다 }); 마지막에, 실수로 그 생각을 놓친 것인지 확실하지 않습니다 :)