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

Question

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

我怎样才能在EE中做到这一点！？用AJAX？ JQuery的？我怎么开始？

我看了Isotope，但我不确定EE是否有办法与类别选择联系并显示结果而没有提交按钮。

我已经附上了我想要完成的图片。 （浅灰色框表示选中的按钮） 请帮助我！

Answer 1

@Francheska所以..我想介绍你jsfiddle如果你设置一个演示，代码或者什么东西开始，我会很棒！无论如何都要尝试检查this链接。你有很多自定义示例。

祝你好运！

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/