當數組爲空時隱藏div

Question

我有一個數組設置，每次向數組中添加一些內容以將一個單詞放入頁面上的一個存儲桶中。我試圖顯示並隱藏某些div，具體取決於數組中有多少個對象。

我的代碼是：

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

這工作完全當第一次加載頁面時除外。 ID爲#done的div在頁面第一次加載時仍然顯示，然後在數組獲取第一個對象時消失。 （陣列開始爲空）

Answer 1

在你的CSS只是添加#done{display: none;}這種方式div不會顯示頁面第一次加載。

或使用#done{visibility: hidden;}如果您只是想讓div不可見。

Answer 2

如果您沒有訪問HTML代碼，你可以把它藏在準備功能：

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

    //The rest of code 
}); 

希望這有助於。

Answer 3

用途：#done{display:none;}或#done{opacity:0;}

在後面的代碼，只要你想顯示它，你可以使用JS/CSS來改變display到block或opacity到1。

Answer 4

下面的函數將隱藏完成股利和播放移動DIV時 頁面已經準備好完整的頁面呈現後：

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

同樣可以使用負荷方法在頁面加載時運行一個函數。但要注意負載方法完整的頁面 呈現

Answer 5

在你當前的代碼執行之前，你可以在準備功能的最開始添加以下，
$（「＃完成」）。隱藏（ ）;
或
$（'＃done'）。css（'visibility'，'hidden'）;