配列が空のときにdivを表示しない

Question

私は、ページ上のバケットに単語をドロップするたびに配列に何かが追加された配列を設定しています。どのように多くのオブジェクトが配列内にあるかに応じて、特定のdivを表示および非表示にしようとしています。

私のコードは次のとおりです。

if (test > 5){ 
    $(".moving").hide(); 
    $("#done").show(); 
} 

これは、ときに、ページが最初にロード以外完璧に動作します。 ID #doneのdivは、ページが最初に読み込まれたときに表示されてから、配列が最初のオブジェクトを取得したときに消えます。 （配列は空になる）

Answer 1

あなたのCSSでちょうど#done{display: none;}を追加すると、ページが最初に読み込まれたときにdivが表示されなくなります。

また、divが表示されないようにする場合は#done{visibility: hidden;}を使用してください。

Answer 2

あなたがHTMLコードへのアクセスを持っていない場合は、レディ機能でそれを隠すことができます：

$(function(){ 
    $("#done").hide(); 
    //Or 
    $("#done").css("display","none"); 

    //The rest of code 
}); 

・ホープ、このことができます。

Answer 3

使用：#done{display:none;}以降のコードで

#done{opacity:0;}、あなたはそれを表示したい時はいつでも、あなたは1にblockまたはopacityへdisplayを変更するには、JS/CSSを使用することができます。

Answer 4

次の関数は、div要素に行われ、完全なページがレンダリングされた後、ページ の準備が完了したときにdiv要素を移動表示、非表示になります。

$(document).ready(function(){ 
    $("#done").hide(); 
    $(".moving").show(); 
}); 

同様にあなたが負荷を使用することができますページロード時に関数を実行する方法。完全なページ があなたの現在のコードでは

Answer 5

をレンダリングされる前にも対応のロードメソッドが実行され、あなたは
$（「＃が行わ」）、レディ機能の先頭に以下を追加することができます。（隠します）;
または
$（ '＃done'）。css（ 'visibility'、 'hidden'）;