私はプログラミングに少し戸惑い、これは私にとっては複雑な問題です。隠された親の高さに応じてボタンを表示/非表示
私はdiv要素のコンテンツは80pxこれより高い場合はボタン「は続きを読む」を表示したい(http://www.metagame.gg/champions/azir)
を、私は、サイトを構築していると私はそれが完全に応答作ってい
ご覧のとおり、表示されるコンテンツがもうないため、中間のDivは "続きを読む"ボタンを表示しません。
これを行うには、このjqueryコードを使用します.expandClickerはボタンのクラスです。親が隠されたdiv要素なっページの変更とので、ビューポートが980pxよりも小さい場合
jQuery('.expandClicker').each(function(){
if (jQuery(this).parent().height() < 80) {
jQuery(this).css({'display':'none'});
}
});
これは素晴らしい作品は、しかし、それは使用することはできません。したがって、jqueryコードでは親divの高さが0pxであってもそれが検出されないので、 "続きを読む"ボタンは表示されません。 980pxよりも小さい画面用
ページ:div要素が展開されると、親のdivの高さが0PXだったので
私はこれをお勧めします:モバイルビューの場合、これまで "もっと読む"を表示せず、コンテンツが流れるようにして、高さを制限しないでください。もう1つの注意:各id = sectionTitleのIDとクラスを混在/切り替えると、idはページ上で一意でなければなりません。 – skobaljic
ありがとう、私はそれはとても良いアイデアだと思います。ユニークでないIDの下には何か欠点がありますか? –