tumblr - 如何根据某个帖子的标题高度显示div?

时间:2015-03-20 23:54:43

标签: javascript jquery

我正在tumblr上编辑我的主题并试图使用jquery来制作它,以便只有当文本帖子的高度或帖子的标题超过250px时才会出现某个div。它非常简单,似乎正在工作,但似乎只是在第一篇文章中,然后将div设置为所有其他条目。有谁知道我如何调整代码,以便每个帖子都通过代码而不是仅为第一篇文章设置?

注意:#entry是用于为帖子设置样式的ID。 .caption是标题的类,.b是我想要显示的div,只有标题超过一定高度。

$(document).ready(function(){
    if ($("#entry .caption").height()>250) {
      $("#entry .b").show();
    }
  });

如果您能提供帮助,请与我们联系。谢谢!

1 个答案:

答案 0 :(得分:1)

尝试更改

if ($("#entry .caption").height()>250)

到:

if ($("#entry .caption").height()>=250) 

所以你也匹配高度及以上的250px

对于匹配的每个元素:

$(document).ready(function(){
    $('.entry .caption').each(function(i, ui){
        if ($(this).height()>=250) {
            $(this).parents('.entry').find('.b').show();
        }
    });
});