如何隱藏div元素，並顯示動畫gif，當點擊搜索按鈕，直到下一頁加載

我想隱藏類「ToBeHiddenWhenSubmitted」的div並顯示動畫gif，直到下一頁完全加載。如何隱藏div元素，並顯示動畫gif，當點擊搜索按鈕，直到下一頁加載

<div class="front-paper" > 
    <div class="container"> 

<form name="frm" method="GET" action="new.php" onsubmit="return validateForm()" > 
    <div class="input-append"> 
<input class="span6 input-custom" type="text" name="search" value="" style="min-width:10px;"><br><br> 


<div class="ToBeHiddenWhenSubmitted"> 
      <select class="btn btn-custom" name="view" id="views" data-native-menu="false" style=" height:42px; width:258px;"> 
     <option value="linkfile">Show Files</option> 
     <option value="links">Show Links</option> 
     </select> 
<button type="submit" value="Search" id="clickme" class="btn btn-custom">Search</button> 
     </div> 


     </div> 
    </form> 

</div> 
</div>

來源

2016-08-11 Azhar

堆棧溢出的QA部分是不是真的專爲這些各種各樣的問題。你的問題太廣泛了，有很多正確的答案。嘗試自己實現這一點，然後，當遇到問題時*使用特定實現*時，請回來，並提出您的問題。 – Aeolingamenfel

我已經看到所有的答案，並沒有他們的作品@Aolingamenfel – Azhar

這應該是爲使用你的目標.show()和.hide()現有validateForm函數中微不足道。

function validateForm (event) { 
    $('.ToBeHiddenWhenSubmitted').hide(); 
    $('#animated-gif-selector').show(); 
    // whatever you already do in this function 
}

如果你想知道如何繼續下一個頁面上的動畫，你將不得不做從該網頁。要做到這一點，隱藏窗體或任何你的下一個頁面上默認和默認顯示gif動畫，然後添加一個ready處理掉自己的知名度：

$(function() { 
    $('#animated-gif-selector').hide(); 
    $('.ToBeShownWhenPageFullyLoads').show(); 
});

來源

2016-08-11 16:24:46

感謝它的工作:) @羅布 – Azhar

它仍然顯示當按回來..我怎麼停止它時，按下回來？ @搶 – Azhar

如何隱藏div元素，並顯示動畫gif，當點擊搜索按鈕，直到下一頁加載

回答

相關問題