首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jquery中的确认对话框

jquery中的确认对话框
EN

Stack Overflow用户
提问于 2013-01-23 10:57:18
回答 5查看 206关注 0票数 0

如果确定要删除jquery中的选定数据,如何将确认对话框置于通知用户。我希望询问用户是否要删除。下面的代码运行得很好,但我希望它具有该功能。

代码语言:javascript
运行
AI代码解释
复制
<script type="text/javascript">
$(document).ready(function () {
    $('a.delete').click(function (e) {
        e.preventDefault();
        var parent = $(this).parent();
        $.ajax({
            type: 'POST',
            url: 'delete.php',
            data: 'ajax=1&delete=' + parent.attr('id').replace('record-', ''),
            beforeSend: function () {
                parent.animate({
                    backgroundColor: '#fbc7c7'
                }, 300)
            },
            success: function () {
                parent.slideUp(300, function () {
                    parent.remove();
                });
            }
        });
    });
});
</script>
EN

回答 5

Stack Overflow用户

发布于 2013-01-23 11:01:52

只需将您的实际操作包装为如下所示:

if (confirm(‘你确定吗??’)){ /* actions here */ }

编辑:或者像克里斯建议的那样,使用jQuery对话框进行更友好的用户交互

票数 2
EN

Stack Overflow用户

发布于 2013-01-23 11:00:08

使用jqueryUI对话框,它可以很好地满足您的需求,请参阅here

票数 1
EN

Stack Overflow用户

发布于 2013-01-23 11:02:52

代码语言:javascript
运行
AI代码解释
复制
<script type="text/javascript">
$(document).ready(function(){
$('a.delete').click(function(e){
e.preventDefault();
if(confirm("do you want to delete this record ?")){
  var parent = $(this).parent();
  $.ajax({
    type: 'POST',
    url: 'delete.php',
    data: 'ajax=1&delete=' + parent.attr('id').replace('record-',''),
    beforeSend: function(){
    parent.animate({backgroundColor:'#fbc7c7'},300)
  },
  success: function(){
    parent.slideUp(300,function(){
       parent.remove();
    });
  }
  });
} 
});
});
</script>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14477992

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档