ajax - 如何选择多个按钮并动态显示这些过滤结果？

Question

我有 9 个不同的类别，我想选择它们（通过单击或取消单击按钮）并在我选择要过滤的内容时显示结果。我将其设置为具有 3 个不同的行，并且只选择了 3 个类别。

我怎么能在 EE 中做到这一点！？使用 AJAX？查询？我该如何开始？

我查看了 Isotope，但我不确定 EE 是否有办法做到这一点，该方法与类别选择和显示结果相关，无需提交按钮。

我附上了一张我想要完成的图片。（浅灰色框代表选择的按钮）请帮助我！

Answer 1

@Francheska 所以.. 我喜欢向你介绍jsfiddle，如果你设置一个演示、代码或其他东西来开始，我会很棒的！无论如何，请尝试检查此链接。那里有很多自定义示例。

祝你好运！

Answer 2

这是一个基于 jQuery 的解决方案，但请记住，这仅适用于 javascript。正如您在评论中提到的，请查看 LowSeg2Cat 为禁用 JS 的用户执行此操作的方法。

EE 代码如下所示：

{!-- List all of your categories --}

{exp:channel:categories channel="stuff" style="linear"}
{if count == "1"}<ul id="categories">{/if}
    <li><a href="#" data-category="{category_url_title}">{category_name}</a></li>
{if count == total_results}</ul>{/if}
{/exp:channel:categories}


{!-- List all of your entries --}

{exp:channel:entries channel="stuff" limit="1000"}
{if count == "1"}<ul id="entries">{/if}
    <li data-categories="{categories backspace="1"}{category_url_title} {/categories}">{title}</li>
{if count == total_results}</ul>{/if}
{/exp:channel:entries}

这是使它运行的javascript：

http://jsfiddle.net/5WezD/4/