Javascript 如果说明为默认大小，如何禁用“读取更多”链接

我刚刚开发了一个新的wordpress主题，但有一个未配置的问题

因此，我使用jQuery在描述下添加了一个readmore和showless链接

这里唯一的问题是，如果高度为16像素，我不想显示链接，所以我只想在描述高度大于16像素时启用它

有人对此有什么想法吗？谢谢

jQuery（函数（）{
jQuery（'.the_description'）.find（'a[href=“#”]”）。on（'click'，函数（e）{
e、 预防默认值（）；
this.expand=！this.expand；
jQuery（this.text）（this.expand？“单击以折叠”：“单击以阅读更多”）；
jQuery（this）.closest（'.the_description'）.find（'.small，.big'）.toggleClass（'small-big'）；
});
});
.small{
高度：16px；
溢出：隐藏；
}
.大{
高度：自动；
}
.desc_more{
宽度：100%；
文本对齐：居中；
}

这是一个测试描述。
$（文档）.ready（函数（）{
变量高度=$（“.small”）.height（）；
如果（高度<16）
$（“.desc_more”）.hide（）；
其他的
$（“.desc_more”）.show（）；
});

我认为您是在用文本“这是一个测试描述”来谈论div的高度。您可以使用上面的代码来表示相关元素
这里是一个解决方案


$（函数（）{
$（'.small'）。每个（函数（）{
如果使用jQuery（$（this）.find（'span'）.height（），则使用.css（'height'）获取元素的高度

然后可以使用show（）和hide（），分别显示和隐藏内容

if ($('.small').css('height') > 16)
{
  $('.desc_more').show();
}
else{
  $('.desc_more').hide();
}

您可以使用CSS最大高度属性设置div的最大高度：

.small {
    max-height: 16px;
    }

祝你好运
它会有
小类
？Hi Shiladitya，谢谢你的回复和编辑。因此默认大小是16像素，一行文本，当它只有一行时，我不想显示点击阅读更多内容，但我只想在它有更多文本时启用它。将事件绑定到某个高度是一个糟糕的主意。其他人参与更改高度（字体大小、行高、填充等）现在JavaScript被破解了。你应该考虑一个替代的解决方案。我把$改为jQuery，这是我为什么不为你工作的原因。@ GASI请看一看答案，这可能对你有帮助。谢谢，但是如果我再添加更多的文本，它就不会再显示了。它只显示了一行，我测试了一个更大的段落。比16像素大，但是现在它可以叠加到16像素。当然做得更好了，谢谢。我还使用了最小高度。
.small {
    max-height: 16px;
    }