javascript - 根据他隐藏的 parent 的高度显示/隐藏按钮

Question

我对编程有点陌生，这对我来说是一个复杂的问题。

我正在构建一个站点并使其完全响应 (http://www.metagame.gg/champions/azir)

如果 div 的内容高于 80px，我想显示一个“阅读更多”按钮

这是一个例子: 正如我们所见，中间的 Div 没有显示“阅读更多”按钮，因为没有更多内容可以显示。

为此，我使用了这个 jquery 代码，其中 .expandClicker 是按钮的类。

jQuery('.expandClicker').each(function(){
  if ( jQuery(this).parent().height() < 80 ) {
    jQuery(this).css({'display':'none'});
  }
});

这很好用，但是，当视口(viewport)小于 980px 时无法使用，因为页面发生变化并且父级变为隐藏的 div。因此 jquery 代码检测到父 div 高度为 0px，即使它不是，所以永远不会显示“阅读更多”按钮。

小于 980px 屏幕的页面:

展开 div 后，“阅读更多”按钮不会出现，因为父 div 高度为 0px。

非常感谢您

Answer 1

非唯一 ID 有什么缺点吗？ 是的!!...

jakeboxer 已回答 lt Here .