Question

我在aspx页面上点击按钮时使用自定义jquery确认对话框。问题是，当我点击按钮时，对话框即将出现，但由于自动回行，在几秒钟后会自动关闭。如何解决？

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

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

样品：

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

Answer 2

将事件参数添加到您的点击处理程序，然后cancel (prevent) the default action：

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

})

Answer 3

进行以下更改：

取消asp。
将#btnUpdate替换为＃＆lt;％= btnUpdate.ClientID％＆gt;
确认为真时调用回发。

以下是更新的代码：

$("#<%=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'), '');
        }
    });
})

Jquery确认对话框在aspx中消失

3 个答案: