Question

我正在使用WordPress帖子的jQuery Isotope插件。我想在页面加载时显示帖子摘录，然后通过简单地展开div的高度来显示点击的整个帖子。但是，Isotope插件会在用户单击“Read More”按钮以展开页面之前计算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

如果我使用toggle而不是slideToggle似乎工作正常。对我来说现在足够好了。：）

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

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

jQuery Isotope插件 - ReLayout

1 个答案: