Скрытый Модальный показ, когда $ (document) .ready alert под названием

Question

У меня есть форма, которая содержит модальное всплывающее окно, которое скрыто, пока не будет нажата кнопка.

При загрузке страницы, я хочу, чтобы отобразить предупреждение пользователю, и я пытаюсь сделать это с помощью 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>

Answer 1

Может быть, ваш модальной получает скрыт после загрузки документа? Поэтому сначала запускается ваше предупреждение, а затем ваш код скрывает всплывающее окно. Если это так, просто добавьте стиль, чтобы скрыть всплывающее окно.

Не могли бы вы показать нам html вашего всплывающего окна, поэтому нам не нужно гадать?

EDIT: Вы переопределяете свою видимость .ModalContainer -> {display: table;} Либо удалите эту строку, либо переместите элемент .hiddenElement после вашего .ModalContainer, чтобы он был применен последним.