同位素过滤分解了我的网格项

问题描述

我有一个显示的父元素：内部有多个网格项的网格。

当我在网格上使用同位素时，它会继承一些样式，这些样式会完全破坏我的网格项，而它们甚至在页面上都不可见。

这是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 (将#修改为@）