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

Question

3 つのカテゴリでブログ投稿を作成しました: (デジタル マーケティング カテゴリ、ヒントとアドバイス カテゴリ、暗号通貨カテゴリ)

私がやりたいのはフィルターをかけることです。

たとえば、デジタル マーケティング カテゴリのすべての記事を表示したい場合は、このボタンをクリックしてすべてのデジタル マーケティング カテゴリを表示し、他のカテゴリを非表示にします。

これは私のコードサンプルです。問題は、フィルターが機能していないことです。問題はどこだ？

動作させるために JavaScript を追加してみましたが、まだ動作しません。問題はどこだ？

リーリー リーリー

Answer 1

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

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

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

リーリー

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