数组为空时隐藏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代码，则可以将其隐藏在ready函数中：

$(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 方法在页面加载时运行函数。 但要注意在完成页面呈现之前执行load方法

Answer 5

在当前代码中，您可以在ready函数的最开头添加以下内容，
$（ '＃做'）隐藏（）。
要么
$（ '＃做'）的CSS（ '知名度'， '隐藏'）。