Question

我目前有一个小部件＆＃39;具有静态高度的div，在其中是具有静态高度的图像。唯一可以拥有动态高度的是标题，它可以从1-3行变长。

我发生的事情是，我想在包含div结束之前在div（可能很长）省略号中进行描述，同时考虑到高度可能不同的标题。 / p>

我正在使用名为dotdotdot的jQuery插件，可在此处找到文档http://dotdotdot.frebsite.nl/

该插件正在运行，但我认为我的JS可能会有点偏差。我会喜欢一些帮助，因为我不能让我的大脑围绕它。

你可以在小提琴上清楚地看到它，但下面是JS。

  $(document).ready(function () {

      $(".caption").each(function () {

          var authorheight = $('.meta').height();
          var h2height = $('h4').height();

          $(".desc").height(250 - h2height - authorheight);

          $(".desc").dotdotdot({
              after: "a.readmore"
          });
      });

  });

任何帮助都会很棒！

由于

Answer 1

除了计算高度之外，你做的一切正常。

 var authorheight = $('.meta').innerHeight();
 var h2height = $('h4').innerHeight();

以上帮助您获得高度以及填充和一切。

然后下一个ID，你留下了已经应用于.caption的填充，所以你的 .desc的高度变为

$(".desc").height(250 - h2height - authorheight -40);

UpdatedFiddle

使用jQuery插件

1 个答案: