javascript - 如何使用 jQuery 将 div css 的可见性更改为可见

Question

我的屏幕上有 NEXT 和 PREVIOUS 按钮。当页面最初加载时，我希望隐藏 Previous 按钮，一旦用户单击 Next 按钮，我希望 Previous 按钮(div 标签可见)。我有一个 Previous 按钮的 CSS 属性，我将可见性值设置为 False。 还有一个 if 语句，我在其中检查页面计数器是否大于 1，然后将 navigationButtonTop 的可见性更改为 true。它不工作..我做错了什么!？

$(function() {
  $("#navigationButtonTop").css("visibility", "visible");
});

div.navigationButtonTop {
  visibility: hidden;
  height: 100px;
  width: 100px;
  background-color:blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="navigationButtonTop"></div>

Answer 1

首先你还没有关闭你的 if 语句并且 navigationButtonTop 是一个类而不是一个 id 试试这个。

if (that.get("pageCounter") >= 1) {
     $(".navigationButtonTop").css("visibility", "visible");
}

因为 OP 已经编辑了他的问题，所以新的答案是:

$(function() {
  $(".navigationButtonTop").css("visibility", "visible");
});