Javascript 页面在完成jquery代码之前正在刷新

我有以下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代码工作

---

请告知有限的信息

---

我想说，您需要确保按钮1上的autopostback未设置为True。另外，如果您使用的是updatepanel，那么Javescript与updatepanel的关系不太好。

由于您希望在按钮单击事件后执行一些javascript，我建议您在按钮单击事件中使用RegisterStartupScript。原因是，此按钮将始终转到回发/表单提交，并且有一些服务器端代码将为此按钮单击执行。因此，通过RegisterStartupScript在按钮单击中调用JS是有意义的

将按钮click JS端代码包装到函数中。像这样

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

在服务器端，单击按钮，使用以下命令

---

Page.ClientScript.RegisterStartupScript页面类型，脚本，after按钮单击；，是的

请发布Button1标记的代码，我想页面会在点击按钮时开始回发