ページ上のコンテンツカードをフィルターするにはどうすればよいですか?

Question

3 つのカテゴリを持つブログ投稿を作成しました: (デジタル マーケティング カテゴリ、ヒントとアドバイス カテゴリ、暗号通貨カテゴリ) 私がやりたいのはフィルタリングです。たとえば、「デジタル マーケティング」カテゴリのすべての記事を表示したい場合は、このボタンをクリックして「デジタル マーケティング」カテゴリをすべて表示し、その他のカテゴリを非表示にします。これが私のコード例です。問題は、フィルターが機能していないことです。問題はどこだ？動作させるために JavaScript を追加しようとしましたが、まだ動作しません。問題はどこだ？ document.addEventListener("DOMCont

P粉538462187 · Answer

コードでは、「すべてフィルター」ボタンの data-category 属性を data-category="filter-all" として定義します。したがって、「すべて」ボタンをクリックすると、JavaScript コードの selectedCategory 変数が「filter-all」に設定されます。

ただし、カテゴリ別に記事をフィルタリングする if ステートメントでは、ステートメントが "all" と比較され、"filter-all" と一致しないため、記事は表示されません。

これは修正されたコードです:

リーリー

また、あなたが提供した JS には、最後に }); がありません。これが単にあなたがその考えを誤って見逃しているだけなのかどうかはわかりません :)