0
我对编程有点新,对我来说这是一个复杂的问题。显示/隐藏按钮取决于他的隐藏父母的高度
我建立一个网站,我使其充分响应(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'});
}
});
这个伟大的工程,但是,当视小于980px因为页面的变化和母公司成为一个隐藏的div它不能被使用。所以jquery代码检测到父div的高度是0px,即使它不是,所以“阅读更多”按钮从不显示。
一旦DIV展开后,“更多”按钮不会出现,因为父DIV高度为0像素。
非常感谢你提前
我会建议这个:对于移动视图不要显示“阅读更多”,让内容流动,不要限制高度。另一个注意事项:您为每个id = sectionTitle混合/切换ID和类,id在页面上必须是唯一的。 – skobaljic
谢谢,我认为这是一个非常好的主意。非唯一ID的任何缺点? –