Всплывающее окно Ajax вызывает перезагрузку экрана с помощью ASP.NET

Question

Я использую код от How to create a stunning and smooth popup using jQuery. Когда я нажимаю кнопку, чтобы активировать всплывающее окно Ajax, оно появляется, но страница перезагружается при нажатии кнопки.

Как мне обойти это?

Answer 1

Является ли ваш модный проводной до кнопки ASP.NET? Если это так, это будет установлено для обратной передачи по клику. Возможно, вместо этого намотайте модальную на обычную кнопку HTML?

Answer 2

Скорее всего, ваша кнопка - кнопка обратной связи. Возможно, вы захотите изменить эту конфигурацию, чтобы она не возвращалась автоматически.

Answer 3

Трудно сказать, не видя ваш код, но все ссылки/кнопки вы используете для запуска диалога, убедитесь, что он возвращает ложь из своего обработчика событий мыши (или представить обработчик события на форме)

Answer 4

С Я использую кнопку управления ASP.NET, он хотел отправить сообщение назад, поэтому я создал панель обновления с AsyncPostBackTrigger ControlID=[my button id].

Поэтому код, чтобы заставить все это работать (с загрузкой библиотеки JQuery) выглядит следующим образом:

<form id="form1" runat="server"> 
    <div> 
     <asp:ScriptManager ID="ScriptManager1" runat="server"> 
     </asp:ScriptManager> 

     <div id="button"> 
       <asp:Button ID="Save1" runat="server" Text="Button" onclick="Save1_Click" /> 
     </div> 

     <asp:UpdatePanel ID="up1" runat="server"> 
      <Triggers> 
       <asp:AsyncPostBackTrigger ControlID="Save1" /> 
      </Triggers> 
      <ContentTemplate> 
      </ContentTemplate> 
     </asp:UpdatePanel> 

     <div id="popupContact"> 
      <a id="popupContactClose">x</a> 
      <h1>Title of our cool popup, yay!</h1> 

      <p id="contactArea"> 
       Here we have a simple but interesting sample of our new stuning and smooth popup. As you can see jQuery and CSS does it easy... 
       <br/><br/> 
       We can use it for popup-forms and more... just experiment! 
       <br/><br/> 
       Press ESCAPE, Click on X (right-top) or Click Out from the popup to close the popup! 
       <br/><br/> 
      </p> 
     </div> 
     <div id="backgroundPopup"></div> 
    </div> 
</form>