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'), '');
        }
    });
})