2

我的主题是显示一个显示消息“已成功保存..”的 div 并在 2 秒后自动隐藏。
我已经完成了几乎所有的事情并且一切正常，但仅适用于第一次点击。在第二次单击时，它只显示 DIV 消息enter code here“已成功保存..”，但没有按应有的方式执行查询。我在互联网上搜索了很多，但发现没有什么用得上的。我的代码是：

<script type='text/javascript' src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js'>
    </script> 
    <script type="text/javascript">
    $(document).ready(function () { 
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        prm.add_endRequest(function () { // re-bind your jquery events here
            $("#btn_Save").click(function (e) {
            e.preventDefault();
            $('#showMessage').fadeIn(100);
            setTimeout(function () { $('#showMessage').fadeOut(500); }, 2000);
            })
        })
     })
    </script

>

<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
            <ContentTemplate>
                <div id="msg" style="display:none" ><p>Saved Successfully...</p></div>                                         <div>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click"/>        
        </div
            <div id="showMessage" style="display:none;"><p>Saved Successfully...</p>   </div>  
            </ContentTemplate> 
                <Triggers >
                  <%--<asp:AsyncPostBackTrigger ControlID="Button1" />--%>
                </Triggers>
        </asp:UpdatePanel>
</form>

protected void btn_Save_Click(object sender, EventArgs e)
{
   //Query to save data into database

}
4

1 回答 1

0

最初在 document.ready 中绑定事件并在外部重新绑定：

<script type="text/javascript">
    $(document).ready(function () {
            $("#btn_Save").click(function (e) {
            e.preventDefault();
            $('#showMessage').fadeIn(100);
            setTimeout(function () { $('#showMessage').fadeOut(500); }, 2000);
            })

    })

    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_endRequest(function () { // re-bind your jquery events here
        $("#btn_Save").click(function (e) {
        e.preventDefault();
        $('#showMessage').fadeIn(100);
        setTimeout(function () { $('#showMessage').fadeOut(500); }, 2000);
        })
    })

</script>

这篇文章可能会有所帮助：jQuery $(document).ready 和 UpdatePanels？

于 2013-08-24T21:17:42.613 回答