如何解决同位素过滤分解了我的网格项
我有一个显示的父元素:内部有多个网格项的网格。
当我在网格上使用同位素时,它会继承一些样式,这些样式会完全破坏我的网格项,而它们甚至在页面上都不可见。
这是CSS:
.grid {
display: grid;
grid-template-columns: repeat(3,1fr);
grid-gap: 1.5rem;
width: 100%;
position: relative;
}
.grid-item {
position: relative ;
top: 0;
left: 0;
height: 250px;
cursor: pointer;
}
这里是js部分:
$(grid).isotope({
filter: "*",animationOptions: {
duration: 1500,easing: "linear",queue: false,},});
$("#filters a").click(function (e) {
e.preventDefault();
$("#filters .current").removeClass("current");
$(this).addClass("current");
var selector = $(this).attr("data-filter");
console.log(selector);
$(grid).isotope({
filter: selector,animationOptions: {
duration: 1500,});
});
它可以很好地过滤我的物品(因为被过滤的物品没有显示:没有,所以它可以工作),但是从同位素应用的默认样式将其分解。是否有其他方法可以防止这种情况发生?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。