Нужна помощь в исправлении загрузки моей страницы spinner

Question

У меня есть скрытый 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

Поскольку вы помечены это как 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 2

Чтобы скрыть счетчик на странице загрузки сделать:

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

Answer 3

использовать документ готов следующим образом:

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

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