2016-11-24 3 views
0

​​に内容がある場合は、#inpageを非表示にしたい場合は、#inpageと表示したいと思います。 私が持っている問題は、最初のdivにコンテンツがないのに2番目のdivが2番目のdivの内容を表示しない場合です。jquery div if empty表示第2 div else first

$(document).ready(function(){ 
    if ($('#ccs-inline:not(:empty)')){ 
    $('#inpage').hide(); 
    } else { 
     $('#inpage').show(); 
    } 
}); 
+0

どのようにあなたの 'html'が見えますか? –

+0

それぞれのdiv idが.. ..私はあなたが、関連するHTML – naf

+0

ように見えるHTMLで何を意味するかわからない。.. IFRAMEの配置で両方のdivの場合コンテンツを持っていると両方のdivが表示されます。 –

答えて

3

.lengthを使用して空のdivがないことを確認します。 jQueryはjQueryオブジェクトを返すので、if条件は常にtrueになります。

例コード:

$(document).ready(function() { 
    if ($('#ccs-inline:not(:empty)').length > 0) { 
    $('#inpage').hide(); 
    } else { 
    $('#inpage').show(); 
    } 
}); 
+0

を投稿することができた場合サッシャンスは私がこれ以前に試さ求めている – naf

+0

@naf:divのコンテンツがロードされた後、このコードが実行されるのは確かですか? –

+0

他の2つのdivのリモートjavascriptが実行された後に、このコードをフッターに追加しました。 – naf

関連する問題