顯示加載面板

我有我的ASP按鈕對此我驗證了一些數據，然後發射它的服務器端功能，它做工精細，它看起來像這樣顯示加載面板

<asp:Button CssClass="btnRequestFile" ID="btnSave" runat="server" Text="Request" 
          OnClientClick="if(clientValidate() == false) return false;" OnClick="btnSave_Click" />

所以在我的客戶端功能我想顯示加載面板，但裝載盤不出現，直到有一些戒備這裏被解僱是我的代碼

function clientValidate() { 
    // $("#IDData").html(''); 
    $.loading({ align: 'center', delay: 0, img: '../common/Content/images/shared/sq_loader_3.gif', onAjax: false, pulse: false }); 
    $("#divLoadingImg").show(); 
    alert("dfhdfh"); 
    var isValid = false; 
    var objectData = null; 

    var liTags = $('#' + secondContainer).find('li'); 
    if (liTags.length == 0) { 
     alert('Please select at least one question !'); 
    } 
    else { 
     if (SaveConfiguration()) { 
      //alert('error occurred'); 
     } 
     else { 
      //alert('error free'); 

      isValid = true; 
     } 
    } 

    $("#divLoadingImg").hide(); 
    $.loading(false); 
    return isValid; 
}

我使用jquery.loading.min.js顯示加載面板是不工作，我也試圖在標記中放置一個div，只是顯示隱藏它作爲一個加載，但要沒有任何建議可以做到。

來源

2011-12-19 ankur

-1

地方潛水療法「SONU」，並給它一些ID

和jQuery的寫入;

<script type="text/javascript"> 
    $(document).ready(function() { 
$("#div1").hide(); 
function clientValidate() { 

$("#div1").show("slow"); 
}); 
}); 
</script>

發生在俯衝

來源

2011-12-19 06:37:49 user1105338

<head> 
     <script type="text/javascript"> 

     document.onload=hide_loading_div(); 

     function show_loading_div(){ 
      var my_loading_div = document.getElementById('the_loading_div'); 
      my_loading_div.style.visibility = 'visible'; 
     } 

     function hide_loading_div(){ 
      var my_loading_div = document.getElementById('the_loading_div'); 
      my_loading_div.style.visibility = 'hidden'; 
     } 
    </script> 

    <style type="text/css"> 

     .class_of_the_loading_div{ 
      position:fixed; 
      width:100%; 
      height:100%; 
      top:0; 
      left:0; 
      background-color: rgba(0,0,0,0.75); 
      text-align:center;   
     } 
    </style> 


</head> 

<body onload="hide_loading_div()"> 

    Some elements, grids, buttons etc.. 

    <asp:Button ID="btn_something" runat="server" Text="A Button" OnClientClick="show_loading_div()" OnClick="btn_something_Click" /> 

    <div class="class_of_the_loading_div"> 
    Write here LOADING or put a loading gif... 
    </div> 
</body>

說明你的裝載儀GIF：

加載面板是可見的開頭（當頁面正在初始化）
第一初始化後，document.onload=hide_loading_div();代碼隱藏面板。
當你點擊Asp按鈕時，首先觸發JS代碼，然後再次顯示面板。然後C＃代碼運行並在後臺執行一段時間。
回發完成後，html body隱藏了面板，因爲你寫了<body onload="hide_loading_div()">
你微笑，因爲你很開心。

注意：如果您希望只使用加載div等面板來阻止頁面的一部分，那麼容器div將會「暗淡」 - 必須有'position：relative;'屬性和阻止div必須有'位置：絕對'屬性（不固定）。

來源

2017-04-26 18:04:08

顯示加載面板

回答

相關問題