几周前,我在同一个项目上寻求帮助,而现在又回来了(作业使我无法编写代码)。现在我再次需要帮助...

回顾:我正在建立一个分类系统来组织我看过的动画/计划看的动画。我已经为动漫制作了滤镜,而且一切都很好。

我遇到的问题是,当我从一个“过滤器”转到另一个“过滤器”时,某些div被隐藏并不必要地显示。我知道问题出在哪里,我只是不知道如何解决。这是我的jQuery

    $(".filters").click(function(e) {
        e.preventDefault();
        $(".anime").hide(500);
        $("." + $(this).attr("rel")).show(500);
    });


缺点是隐藏了动画div类...但是如果我不这样做,不属于特定过滤器的动画div将保留。我是jQuery的新手,所以我真的不知道该怎么做。

到目前为止,这是我的代码的实时预览:http://swsthemelab.tumblr.com(我通过tumblr来完成此操作,因为它是用于我的tumblr页面的。此外,请不要单击将鼠标悬停在.anime div上时出现的+,尚未定制。)

最佳答案

正如Cale所建议的那样,您可以隐藏不需要的div。

$(".anime").not("." + $(this).attr("rel")).hide(500);


代替

$(".anime").hide(500);


如果您打算按类别(父子级)进行过滤,建议您看看此插件Isotope

10-07 19:04
查看更多