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

Question

(디지털 마케팅 카테고리, 팁 및 조언 카테고리, 암호화폐 카테고리) 세 가지 카테고리로 블로그 게시물을 만들었습니다. 제가 하고 싶은 일은 필터링하는 것입니다. 예를 들어 디지털 마케팅 카테고리의 모든 기사를 보려면 이 버튼을 클릭하여 모든 디지털 마케팅 카테고리를 표시하고 나머지 카테고리는 숨깁니다. 여기 내 코드 예제가 있습니다. 문제는 내 필터가 작동하지 않는다는 것입니다. 문제는 어디에 있습니까? 작동하도록 JavaScript를 추가해 보았지만 여전히 작동하지 않습니다. 문제는 어디에 있습니까? document.addEventListener("DOMCont

P粉538462187 · Answer

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

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

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

으아아아

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