我最近一直致力于评论功能.默认情况下,包含文本的段落元素的高度为80px.溢出设置为隐藏.
我有另一个按钮(标记为"查看更多"),通过将高度更改为"自动"来扩展段落.仅当段落内容溢出默认的80px高度时,才应显示此按钮.否则,不得显示该按钮.
我试图用javascript for循环和一些JQuery代码来做到这一点,尽管它不能正常工作.它显示或隐藏所有评论部分的按钮.
这是html:
这是JavaScript:
$(document).ready(function(){
var element = $('.commentOwnerPost');
for(i=0; i < element.length; i++){
var commentText = $(element[i]).children('.commentText');
if ($(commentText).offsetHeight < $(commentText).scrollHeight) {
$parent = $(commentText).parent('.commentOwnerPost');
$parent.find('.btnSeeMore').hide();
console.log('Comment text not overflowing ');
} else {
$parent = $(commentText).parent('.commentOwnerPost');
$parent.find('.btnSeeMore').show();
console.log('Comment text overflowing ');
}
$('.btnSeeMore').click(function(){
});
}
});
感谢您抽出宝贵时间阅读.任何帮助,将不胜感激.
NavyFoxKid
3 days ago
lorem ipsum dolor sit amet consectur lorem ipsum dolor sit amet consectur amet consectur lorem ipsum dolor sit amet consectur lorem ipsum