显示内容后同位素调整大小

问题描述

我正在使用isotope.pkgd.min.js，在单击项目并显示其内容后，我尝试调整项目的大小。 我单击按钮后，他没有调整大小。因此，我想点击底线，因为它会更大，因此内容的内容和mansory-item的大小会有所调整。

<div class="masonry-item">
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
</div>
<div class="masonry-item">
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
<button class="bottom-line">
</div>
<div class="masonry-item">
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
<button class="bottom-line">
</div>
<div class="masonry-item">
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
<button class="bottom-line">
</div>
<div class="masonry-item">
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
<button class="bottom-line"></button>
</div>
</div>


$(window).load(function () {
    var $container = $(".masonry");
    $container.isotope({
      filter: "*",resizable: false,columnWidth: ".masonry-item",});

$(".portfolioFilter a").click(function () {
      $(".portfolioFilter .current").removeClass("current");
      $(this).addClass("current");

      var selector = $(this).attr("data-filter");
      $container.isotope({
        filter: selector,});
      return false;
    });
 });
$(".masonry-item .bottom-line").click(function () {
    $(".masonry-item .box").toggleClass("open");
    $(".masonry-item .bottom-line").toggleClass("open");
});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）