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();
}

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

3 个答案: