几周前,我在同一个项目上寻求帮助,而现在又回来了(作业使我无法编写代码)。现在我再次需要帮助...
回顾:我正在建立一个分类系统来组织我看过的动画/计划看的动画。我已经为动漫制作了滤镜,而且一切都很好。
我遇到的问题是,当我从一个“过滤器”转到另一个“过滤器”时,某些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