javascript - 需要帮助修复我的页面加载微调器

Question

我有一个隐藏的 div，当单击显示微调器的按钮时会显示该 div，但是如果您在离开页面后单击后退按钮，微调器仍然可见。我认为 javascript 需要，$(document).ready(function() {但我不知道如何实现它。如果用户按下后退按钮，我不希望微调器可见。

这就是我到目前为止所拥有的。Javascript

<script type="text/javascript">

function showDiv() {
   document.getElementById('spinner').style.display = "block";
}

</script>

用于显示 div 的 div 和链接

<div id="spinner"  style="display:none;" class="spinner" ><img src="images/loader2.gif" alt="Loading"/></div>

<a class="index_buttons" href="search_members.php" onclick="showDiv()">Search Members </a>

Answer 1

要在页面加载时隐藏微调器，请执行以下操作：

 $(document).ready(function() {
       $("#spinner").hide();
 }

Answer 2

由于您将其标记为 jQuery..

/* Calls this function on ready */
$(function() {
  /* Hide the spinner whenever the page loads */
  $("#spinner").hide();
      ;
  $(".index_buttons").click(function() { $("#spinner").show(); });
});

现在，每次单击该类index_buttons的按钮时，该按钮都将可见。如果您想切换微调器，您可能需要查看toggle().

Answer 3

使用准备好的文档如下：

$(document).ready( function() {
    hideSpinner(); // Initiates the hide function when document is ready.
});

function hideSpinner() {
   $('#spinner').hide();
}