2014-03-05 47 views
0

我已经添加了一个请等待GIF动画在测试页上的服务器调用,它可以正常工作。该代码调用动画请稍候GIF是:Jquery - 请等待删除确认

onclick="ShowProgressAnimation();" 

我的问题是,在一个删除按钮我有一个弹出确认消息(确认弹出具有标准确定取消按钮),我想添加动画请等待GIF。

添加两个脚本放在一起会引起两个故障:

故障1,当我选择OK按钮,动画请稍候GIF停止旋转(相关记录被删除);和

错误2是当我点击CANCEL按钮时,请等待动画GIF坐下并旋转并且不停止(大概是因为当我选择CANCEL按钮停止动画GIF旋转时没有服务器调用)。

这里是我的代码来调用这两个请稍候gif动画和确认弹出:

onclick="ShowProgressAnimation();return confirmDelete();" 

这里是确认弹出脚本:

function confirmDelete() { 
    confirm("Are you certain you want to DELETE this record?");} 

如何合并两个脚本,以便当我选择确认弹出的CANCEL按钮时,请等待动画GIF被取消,并且当我在确认弹出时选择确定按钮时,请等待动画GIF继续旋转?

+2

这将是伟大的,如果你创建一个jsfiddle –

回答

0

管理通过下面的代码来解决这个问题:

onclick="if(confirmDelete())showProgressAnimation();else return false;" 

这样,只有当用户选择OK按钮对话节目进度将被调用。如果用户选择取消对话按钮,则用户返回到该页面而不删除该记录。

我希望这可以帮助别人。