Jquery 砌体水平布置堆垛不规则

我已经花了一个多小时来处理这个问题，我也做了一些搜索和评论，其中一些发布在这里，但没有人能够解决我的问题

我有5个div，第三个和第四个div没有像我预期的那样叠加，而是第三个div上的最后一个div

HTML

  <div class="isotope js-isotope">
      <div class="item width2 height2"></div>
      <div class="item width2 height2"></div>
      <div class="item width2 width2"></div>
      <div class="item width2 width2"></div>
      <div class="item width2 height2"></div>  
  </div>

我以为它会有这样的表现

---

首先，我没有看到jQuery库被使用。检查你的控制台。我得到的错误是：“$未定义。”您还应该将初始化包装在中

 $(document).ready(function(){   YOUR CODE HERE    });

---

一些其他的结尾。

哎呀，我把一个链接放在了另一个版本上。现在修好了。尽管如此，我还是在DomreadyI上包装了我的代码，但我还是遇到了一些问题。你解决问题了吗？如果是这样的话，如果你能分享就好了。

 $(document).ready(function(){   YOUR CODE HERE    });