数组为空时隐藏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;}

稍后在代码中，只要您想要显示它，就可以使用js / css将display更改为block或opacity更改为1。

Answer 4

  

以下功能将隐藏已完成的div并在页面时显示移动div   在完成整个页面后准备就绪：

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

  

同样，您可以使用 加载 方法在页面加载时运行函数。但要注意在完成页面之前执行load方法   呈现

Answer 5

在当前代码中，您可以在就绪功能的最开始添加以下内容，
$（ '＃做'）隐藏（）;
或
$（ '＃完成'）的CSS（ '能见度'， '隐藏'）;