隱藏的模態顯示何時$（document）.ready警報調用

我有一個表單，其中包含一個模式彈出窗口，直到點擊一個按鈕纔會隱藏。

頁面加載，我想顯示一個警告用戶，我試圖做到這一點使用jQuery

但顯示的警報時，模態彈出窗口可見，我點擊確定後在警報中，模式彈出窗口再次隱藏。顯然有更好的方法來做到這一點，有沒有人有任何建議？

下面是代碼：感謝

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server"> 
 
    <style type="text/css"> 
 
    .modalBackground { 
 
     background-color: Gray; 
 
     z-index: 10000; 
 
     filter: alpha(opacity=80); 
 
     opacity: 0.8; 
 
    } 
 
    .hiddenElement { 
 
     display: none; 
 
    } 
 
    .ModalContainer { 
 
     position: absolute; 
 
     display: table; 
 
     background-color: White; 
 
     border: 1px solid Gray; 
 
    } 
 
    </style> 
 
    <script language="javascript" type="text/javascript"> 
 
    $(document).ready(function() { 
 
     alert('Logged In'); 
 
    }); 
 
    </script> 
 
</asp:Content> 
 
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server"> 
 
    <asp:UpdatePanel ID="up" runat="server"> 
 
    <ContentTemplate> 
 
     <asp:Button ID="btnClick" runat="server" Text="Click me" OnClick="btnClick_Click" /> 
 
    </ContentTemplate> 
 
    </asp:UpdatePanel> 
 
    <asp:HiddenField ID="HiddenModalMore" runat="server" /> 
 
    <asp:ModalPopupExtender ID="MoreModal" TargetControlID="HiddenModalMore" runat="server" DropShadow="false" PopupControlID="pnlMoreInfo" BackgroundCssClass="modalBackground" /> 
 
    <asp:Panel ID="pnlMoreInfo" runat="server" CssClass="hiddenElement ModalContainer"> 
 
    <asp:UpdatePanel ID="up_More" runat="server" UpdateMode="Conditional"> 
 
     <ContentTemplate> 
 
     <table> 
 
      <tr align="center"> 
 
      <td colspan="2"> 
 
       Test 
 
      </td> 
 
      </tr> 
 
      <tr align="center"> 
 
      <td colspan="2" align="center"> 
 
       <asp:Button ID="btnSave_MoreInfo" runat="server" Text="Save" OnClick="btnSave_MoreInfo_Click" /> 
 
       <asp:Button ID="btnCancel_MoreInfo" runat="server" Text="Cancel" OnClick="btnCancel_MoreInfo_Click" /> 
 
      </td> 
 
      </tr> 
 
     </table> 
 
     </ContentTemplate> 
 
    </asp:UpdatePanel> 
 
    </asp:Panel> 
 

 
</asp:Content>

來源

2014-11-04 Louise

你想報警，或者你想簡單疊加？ – dfsq 2014-11-04 12:37:12

模式與警報分開。加載頁面時，我想檢查表單中的隱藏字段以確定用戶是否已登錄。如果是，請提醒用戶。只有當頁面上的按鈕被點擊時才應該顯示模式彈出窗口。 – Louise 2014-11-04 12:38:42

你正在談論一個JQueryUI對話框，對不對？ – TCHdvlp 2014-11-04 12:48:42

也許你的模式獲取文檔後，隱藏加載？所以你的警報首先運行，然後你的代碼隱藏彈出窗口。如果是這種情況，只需添加一個樣式來最初隱藏彈出窗口。

你可以告訴我們你彈出的HTML，所以我們不必猜？

編輯：您正在覆蓋您在.ModalContainer中的可見性 - > {display：table;}或者刪除該行，或將.hiddenElement移動到.ModalContainer之後，以便最後應用。

來源

2014-11-04 12:50:50

我已經添加了我的代碼。 – Louise 2014-11-04 14:07:44

謝謝，我需要使用這兩個CSS類。已經嘗試了您的建議並將其更改爲CssClass =「ModalContainer hiddenElement」，但彈出窗口在頁面加載時仍可見，直到確認警報爲止。 – Louise 2014-11-04 14:19:32

不，我的意思是

隱藏的模態顯示何時$（document）.ready警報調用

回答