Javascript Jquery确认对话框在aspx中消失
我正在aspx页面中的按钮单击上使用自定义jquery确认对话框。问题是,当我单击按钮时,对话框会出现,但由于自动回发,在几秒钟后会自动关闭。如何解决Javascript Jquery确认对话框在aspx中消失,javascript,jquery,asp.net,Javascript,Jquery,Asp.net,我正在aspx页面中的按钮单击上使用自定义jquery确认对话框。问题是,当我单击按钮时,对话框会出现,但由于自动回发,在几秒钟后会自动关闭。如何解决 Here is my code... <script> $(function confirmation () { $('#btnUpdate').click(function () { $('#dialog').dialogBox({ content:'
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()" />
这是我的代码。。。
$(功能确认(){
$('#btnUpdate')。单击(函数(){
$(“#对话框”)。对话框({
内容:'您确定要更新..!!',
哈斯克洛斯:是的,
效果:“褪色”,
是的,
确认:函数(){
$(“#消息”)。对话框({
标题:“确认…”,
内容:“已成功更新…”,
哈斯克洛斯:是的
})
}
})
})
})
尝试在
中添加使用submitbehavior=“false”
,以防止按钮触发回发
样本:
<asp:Button ID="btnUpdate" runat="server" Text="Update" OnClick="btnUpdate_Click" OnClientClick="return confirmation()" UseSubmitBehavior="false" />
将事件参数添加到单击处理程序中,然后:
执行以下更改:
- 取消asp的默认行为
- 将#btnUpdate替换为#
- 当确认为true时,调用回发
$("#<%=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'), '');
}
});
})
$(“#”)点击(函数(){
event.preventDefault();
$(“#对话框”)。对话框({
内容:'您确定要更新..!!',
哈斯克洛斯:是的,
效果:“褪色”,
是的,
confirmValue:“我确定”,
确认:函数(){
__doPostBack($('#').attr('name'),'';
}
});
})
事件中是否定义了背景代码,btnUpdate\u单击
?是的,btnUpdate\u单击
上有代码隐藏,请尝试使用AJAX更新数据。如果以这种方式执行,确认框将消失。是否希望在单击对话框上的确认后执行服务器端按钮单击事件?是…确认后数据将更新并重定向以显示刷新的数据。
$("#<%=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'), '');
}
});
})