Question

我有以下jQuery：

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

    });

</script>

当我点击按钮时，一些代码将被执行，它将在面板内检索一个值＆＃34;到目前为止，每件事都运作良好＆＃34;

现在是我的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

信息有限。

我想说你需要确保autopostback没有设置为＆＃34; True＆＃34;在button1上。此外，如果您使用更新面板，Javescript与updatepanel不兼容。

Answer 2

如果您想在按钮点击事件后执行一些javascript，我建议您在RegisterStartupScript事件中使用button_click。原因是，此按钮将始终显示postback /表单提交，并且此按钮单击将执行一些服务器端代码。因此，通过JS在button_click中调用RegisterStartupScript是有意义的。

将按钮单击（JS侧代码）包装到一个函数中。像这样。

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

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

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

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

2 个答案: