страница освежает перед ним полносоставные кода JQuery

Question

Я получил следующий JQuery:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#Button1").click(function() { 
      $("#Panel1").animate 
      ({ width: "1000px", fontSize: "65px" }, 3000); 
     }); 

    }); 

</script> 

Когда я нажимаю на кнопку какой-то код собирается выполнить и его собираются извлечь значение внутри панели «пока все прекрасно работает»

Теперь пришло время для выполнения моего кода jQuery, но когда панель начинает расширяться, страница обновляется, и код jQuery перестает работать.

вот мой HTML код

<div class="myclass"> 
    <h1><img id="pic" src="PIC/Capture.PNG" width="100px" hight="100px" /> Company Name</h1> 
       <p>This awards are for the hard working staff bla bla bla bla bla bla bla bla bla bla, still <asp:Label ID="Label4" runat="server" Text="20"></asp:Label> trophy</p> 
    <br /> 
    <asp:Button ID="Button1" runat="server" Text="wineer" OnClick="Button1_Click" class="btn btn-primary btn-large" Width="127px" /> 
    <br /> 
    <br /> 

    <asp:Label ID="Label1" runat="server" Text="Congratulations"></asp:Label> 
    <div class="aa"><asp:Panel ID="Panel1" runat="server"><asp:Label ID="Label2" runat="server" Text=""></asp:Label></asp:Panel></div> 
    <asp:Label ID="Label3" runat="server" Text="You've won the trophy"></asp:Label>   
    <br /> 
</div> 

Как я могу сделать код работать JQuery?

Просьба сообщить

Answer 1

Как вы хотите выполнить некоторые javascript после события нажатия кнопки, я бы предложил, используйте RegisterStartupScript в button_click события. Причина, эта кнопка всегда будет postback/form submit, и есть код на стороне сервера, который будет выполнен для этой кнопки. Поэтому имеет смысл позвонить JS в button_click через RegisterStartupScript.

Включите кнопку (код JS-side) в функцию. Как это.

function AfterButtonClick(){ 
    $("#Panel1").animate 
      ({ width: "1000px", fontSize: "65px" }, 3000); 
} 

На стороне сервера, нажмите кнопку, используйте следующую команду.

Page.ClientScript.RegisterStartupScript(typeof(Page), "script", "AfterButtonClick();", true);

Answer 2

С ограниченной информацией.

Я бы сказал, что вам нужно убедиться, что автоповтор не установлен на «True» на кнопке1. Кроме того, если вы используете панель обновления, Javescript не очень хорошо работает с панелью обновления.