飲片圖像棒的改變顯示後四處「顯示：無」

我一直在使用下面的函數來隱藏我的div的，當我不再想他們是可見的飲片圖像棒的改變顯示後四處「顯示：無」

function hide(div) { 
    document.getElementById(div).style.display = 'none'; 
}

但是這個問題已經來臨與div特別。

<div id="loading"> 
    <img src="./img/loading.gif"/> 
</div>

當我調用該函數hide('loading')部件只有圖像被隱藏，它的片被燒到頁面上。考慮到這應該是一個小加載圖標，在頁面上加蓋並不是真正的我要去的，我該如何防止這種情況？

我在處理網絡數據時使用加載圖標，然後在接收和處理來自服務器（nodejs）的數據時隱藏它。根據要求

CSS：

#loading { 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    margin-top: -64px; 
    margin-left: -64px; 
    z-index: 999; 
}

來源

2015-02-06 Hobbyist

難道你們就不能顯示無添加到圖像？如果你分享一個小提琴是否可以，所以我們可以看到它在做什麼，這可能是一個CSS的東西是加載程序的位置？ – 2015-02-06 12:19:10

我添加了CSS的OP，它的定位使用固定的 – Hobbyist 2015-02-06 22:27:24

我不能再現這一點。你能提供最低限度的複製嗎？ – recursive 2015-02-06 22:31:21

ü可以試試這個..？

的Html

<div id="one"> 
    <img src="https://elora.aerb.gov.in/ELORA/images/loadingnew.gif"> 
</div> 
<div id="two"> 
    <img src="http://www.schultzlawoffice.com/img/loading/loading.gif"> 
</div>

腳本

$(document).ready(function() { 
    $("div").on("click", function() { 
     var thisId = $(this) 
     hide(thisId); 
    }); 

}); 

function hide(thisId) { 
    $(thisId).hide(); 
}

Fiddle Sample

來源

2015-02-06 12:40:03 Aru

不使用jQuery，因爲它會在編譯到移動設備時導致複雜性，無論哪種方式，只是在調用hide（）之前確保DOM已準備就緒。在我的應用程序顯示任何內容之前，DOM已準備就緒。我有這樣的設置。 – Hobbyist 2015-02-06 22:28:29

飲片圖像棒的改變顯示後四處「顯示：無」

回答

相關問題