2012-08-06 44 views
-1

我使用的CSS樣式display:blocknone隱藏基於條件的div: 如果Facebook已經封鎖顯示fb_Blockedwizard其他顯示fb_wizard最初隱藏的div與樣式設置爲display:block

當我加載或刷新頁面時,div fb_Blockedwizard會顯示幾秒鐘,然後隱藏div

我需要隱藏的頁面

下面的負載或刷新過程中div是我使用的代碼:

<script> 
    $(document).ready(function() { 
    hideFbBlockedwizard(); 
    hidefbwizard(); 
    var callbackOnSuccess = function(src) { 
     hideFbBlockedwizard(); 
     showwizard(); 
     return false; 
    }; 
    var callbackOnFailure = function(src) { 
     hidefbwizard(); 
     showFbBlockedwizard(); 
    }; 
    checkAvailability("http://www.facebook.com/favicon.ico", 
     callbackOnSuccess,callbackOnFailure); 
    }); 

    function showFbBlockedwizard() { 
    document.getElementById('fb_Blockedwizard').style.display='block'; 
    document.getElementById('fade').style.display='block'; 
    } 

    function hideFbBlockedwizard() { 
    document.getElementById('fb_Blockedwizard').style.display='none'; 
    document.getElementById('fade').style.display='none'; 
    } 

    function checkAvailability(src, callbackSuccess, callbackFailure) { 
    $("<img/>").attr("src", src).load(function() { 
     callbackSuccess(src);  
    }).error(function() { 
    callbackFailure(src); 
    }); 
} 

function showwizard() { 
    document.getElementById('fb_Blockedwizard').style.display='none'; 
    document.getElementById('fb_wizard').style.display='block'; 
    document.getElementById('fade').style.display='block';  
} 

這裏我的CSS:

.white_content { 
     /*display: none;*/ 
     display:none; 
     position: absolute; 
     top: 25%; 
     left: 25%; 
     width: 46%; 
     height: 37%; 
     padding: 16px; 
     border: 16px solid #999; 
     background-color: white; 
     z-index:1002; 
     overflow: auto; 
} 
.white_content1 { 
     display:none; 
     position: absolute; 
     top: 13%; 
     left: 18%; 
     width: 60%; 
     height: 63%; 
     padding: 16px; 
     border: 16px solid #999; 
     background-color: white; 
     z-index:1002; 
     overflow: auto; 
} 

這裏我的PHP:

<div id="fb_wizard" class="white_content"> 
    <?php include 'fb_blocked.php'; ?> 
    </div> 
    <div id="fb_Blockedwizard" class="white_content1"> 
     <?php include 'fb_blocked_email.php'; ?> </div> 
+0

在html中設置blocks樣式爲none,那麼它不會出現在js到達它之前 – 2012-08-06 09:53:19

+0

@Dagon:我設置了display:none;在css – user1578849 2012-08-06 09:57:27

回答

1

fb_Blockedwizard部分佈局?如果是這樣,那麼直接在HTML/CSS中直接輸入display:none。將其設置爲每個JavaScript的display:block

+0

我有設置顯示:無;在css – user1578849 2012-08-06 09:57:58

+0

你必須確保這種風格最初分配給html元素。沒有任何JavaScript交互。然後瀏覽器不會在第一次渲染時顯示它。當你的JavaScript踢你可以檢查是否要顯示該元素。如果是這樣,請將樣式更改爲「display:block」。 – Marc 2012-08-06 10:00:18