ASP.NET，jQuery UI對話框在頁面顯示1-2秒

我有一個ASP.NET頁面，我將檢查用戶是否已登錄到系統（通過檢查會話值）在頁面加載和如果未登錄，它將顯示一個用於登錄的jQueryUI對話框。ASP.NET，jQuery UI對話框在頁面顯示1-2秒

我的ASPX頁面包含頭標記

<style type="text/css"> 
    body { font-size: 62.5%; } 
    label, input { display:block; } 
    input.text { margin-bottom:12px; width:95%; padding: .4em; } 
    fieldset { padding:0; border:0; margin-top:25px; } 
    h1 { font-size: 1.2em; margin: .6em 0; } 
    div#users-contain { width: 350px; margin: 20px 0; } 
    div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; } 
    div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; } 
    .ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none; !important; cursor:pointer; position: relative; text-align: center; } 
    .ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em; } 


</style> 
<script type="text/javascript"> 
$(function() { 

    var name = $("#name"), 
     email = $("#email"), 
     password = $("#password"), 
     allFields = $([]).add(name).add(email).add(password), 
     tips = $("#validateTips"); 

    function updateTips(t) { 
     tips.text(t).effect("highlight",{},1500); 
    } 


    function checkRegexp(o,regexp,n) { 

     if (!(regexp.test(o.val()))) { 
      o.addClass('ui-state-error'); 
      updateTips(n); 
      return false; 
     } else { 
      return true; 
     } 

    } 

    $("#dialog").dialog({ 
     bgiframe: true, 
     autoOpen: false, 
     height: 250, 
     modal: true, 
     buttons: { 
       Cancel: function() { 
       $(this).dialog('close'); 
       },         
       NewUser: function() { 
       $(this).dialog('close'); 
       window.location.href="Register.aspx"; 
       }, 
       'Sign in': function() { 
       var bValid = true; 
       allFields.removeClass('ui-state-error'); 


       bValid=true; 
       isValidationFails=false; 
       if (bValid) 
       {    
             // Go to another page 

        } 
       } 
      } 
     }, 
     close: function() { 
      allFields.val('').removeClass('ui-state-error'); 
     } 
    }); 



    $('#create-user').click(function() { 
     $(this).dialog('close'); 
     window.location.href="Register.aspx" 
    }) 
    .hover(
     function(){ 
      $(this).addClass("ui-state-hover"); 
     }, 
     function(){ 
      $(this).removeClass("ui-state-hover"); 
     } 
    ).mousedown(function(){ 
     $(this).addClass("ui-state-active"); 
    }) 
    .mouseup(function(){ 
      $(this).removeClass("ui-state-active"); 
    }); 

//}); 
var isAuthenticated = $("#isAuthenticated").val(); 
if (isAuthenticated && isAuthenticated == "false") 
{ 
    $("#dialog").dialog("open"); 
}

}）這些腳本;

</script>

服務器端代碼（在Page_Load中）

if (Session["trCustomerId"] != null) 
     { 
      Response.Write("Logged in user"); 
      ClientScript.RegisterHiddenField("isAuthenticated", "true"); 
     } 
     else 
     { 
      ClientScript.RegisterHiddenField("isAuthenticated", "false"); 
     }

程序現在工作正常。但問題是當頁面加載時，它在屏幕上顯示UIDialog div 1-2秒，然後消失。我不想這樣表現。可以告訴我如何解決這個問題嗎？

來源

2009-05-20 Shyju

嘗試設置對話框標記的樣式以顯示：無;

#dialog{ 
    display: none; 
}

如果dialog.open沒有爲你做，你可以顯示它。

$('#dialog').show()

來源

2009-05-20 14:09:17 Geoff

感謝Geoff。有效 – Shyju 2009-05-20 14:16:31

試一試，在html代碼中輸入style =「display：none;」 #dialog 瀏覽器首先加載html

來源

2009-11-21 14:12:30 Ret

ASP.NET，jQuery UI對話框在頁面顯示1-2秒

回答

相關問題