使用 masterpage 和 updatepanel 时，JQuery 更改功能会导致整页回发？

Question

$('#bn1').click(function () {
    $('#textbox1').change();
})

<asp:UpdatePanel runat="server" ID="up123" UpdateMode="Conditional">
   <ContentTemplate>
      <div style="margin-top: 250px;">
         <asp:TextBox runat="server" ID="textbox1" ClientIDMode="Static" AutoPostBack="true" CssClass="DateTimePicker" />
         <asp:Button runat="server" ID="bn1" ClientIDMode="Static" Text="clickme" />
      </div>
   </ContentTemplate>
</asp:UpdatePanel>

在我的内容页面中将上述功能与 masterpage 一起使用时，会导致整个页面回发而不是部分回发 如果我在没有母版页的情况下使用它，那很好，有什么想法吗？

Answer 1

输入return false 来阻止服务器端点击事件的发生，像这样：

$('#bn1').click(function () {
    $('#textbox1').change();

    // This stops the server control from doing a click, which 
    // posts the form back to the server
    return false;
});

---

更新：

要验证实际上是哪个控件导致回传到服务器，请在您的 Page_Load 事件中执行此操作：

protected void Page_Load(object sender, EventArgs e)
{
    var controlIdThatCausedPostBack = String.Empty;
    var scriptManager = ScriptManager.GetCurrent(Page);

    if (scriptManager != null)
    {
        var smUniqueId = scriptManager.UniqueID;
        var smFieldValue = Request.Form[smUniqueId];

        if (!String.IsNullOrEmpty(smFieldValue) && smFieldValue.Contains("|"))
        {
            controlIdThatCausedPostBack= smFieldValue.Split('|')[1];
        }
    }
    else
    {
        controlIdThatCausedPostBack = Page.Request.Params["__EVENTTARGET"];
    }

    if (!String.IsNullOrEmpty(updatePanelControlIdThatCausedPostBack))
    {
        // Here we have the control ID that causes the post back

    }
}