jQuery确认对话框在aspx中消失

Question

我正在使用自定义jQuery确认对话框单击aspx页面中的按钮。 问题是，当我单击按钮时，对话框即将出现，但由于自动回发，在几秒钟后会自动关闭。 怎么解决呢？

Here is my code...

<script>
    $(function confirmation () {
        $('#btnUpdate').click(function () {
            $('#dialog').dialogBox({
                content:'Are you sure to update..!!',
                hasClose: true,
                effect: 'fade',
                hasBtn: true,
                confirm: function () {
                    $('#message').dialogBox({
                        title: 'Confirmation..',
                        content: 'Updated Sucessfully..!!',
                        hasClose: true
                    })
                }
            })
        })
    })
</script>
<asp:Button ID="btnUpdate" runat="server" Text="Update" OnClick="btnUpdate_Click" OnClientClick="return confirmation()" />

Answer 1

尝试在<asp:Button>添加UseSubmitBehavior="false" ，以防止按钮触发回发。

样品：

<asp:Button ID="btnUpdate" runat="server" Text="Update" OnClick="btnUpdate_Click" OnClientClick="return confirmation()" UseSubmitBehavior="false" />

Answer 2

将event参数添加到您的点击处理程序中，然后取消（阻止）默认操作 ：

$('#btnUpdate').click(function (e) {
    e.preventDefault();

})

Answer 3

进行以下更改：

• 取消asp的默认行为。
• 将#btnUpdate替换为＃<％= btnUpdate.ClientID％>
• 确认为真时，请调用回发。

下面是更新的代码：

$("#<%=btnUpdate.ClientID%>").click(function(){
    event.preventDefault();
    $('#dialog').dialogBox({
        content:'Are you sure to update..!!',
        hasClose: true,
        effect: 'fade',
        hasBtn: true,
        confirmValue: 'I am sure',
        confirm: function(){
            __doPostBack($('#<%=btnUpdate.ClientID %>').attr('name'), '');
        }
    });
})