jquery - jQuery Isotope 插件 - 重新布局

Question

我正在为 WordPress 帖子使用 jQuery Isotope 插件。我只想在页面加载时显示帖子摘录，然后通过简单地扩展 div 的高度来显示整个帖子。但是，Isotope 插件会在用户单击“阅读更多”按钮展开页面之前计算 div 高度，因此新高度会破坏插件。

我正在使用 reLayout 方法，但还没有弄清楚……有什么想法吗？

这是一个工作链接。试试“草莓”的帖子。http://ashlinixon.com/new-test/index.html

此外，代码示例：

HTML：

<article class="item">
    <div class="featured-img"><img src="images/strawberries.jpg" alt="Strawberries" /></div>
    <h2>Strawberries</h2>
    <p class="excerpt">Lorem ipsum dolor sit amet</p>
    <p class="read-more">Read more</p>
    <div class="post">
        test test<br />test test<br />test test
    </div>
</article>

jQuery：

$(document).ready(function(){
    $(".post").hide();
    $(".excerpt").show();

    $('.read-more').click(function(){
        $(".post").slideToggle();
        $("#portfolio").isotope( 'reLayout' );
    });            
});

谢谢！:)

Answer 1

如果我使用切换而不是 slideToggle 似乎工作正常。现在对我来说已经足够好了。:)

$(document).ready(function(){
  $(".post").hide();
  $(".excerpt").show();

  $('.read-more').click(function(){
      $(".post").toggle();
      $("#portfolio").isotope( 'reLayout' );
  });              
});