javascript - jQuery 在页面重新加载时淡出

Question

我想知道是否有人可以帮助我。

下面的脚本摘录使用户能够从链接到 mySQL 数据库的表中删除记录。

<script type="text/javascript">
    $(document).ready(function(){
        $('form.delete').submit(function(e){ 

            e.preventDefault();
            var elem = $(this).closest('.delete');
            var lid = $(this).serialize();
            $.confirm({
                 'title'    : 'Delete Confirmation',
            'message'   : 'If you delete this Location, all associated Find records will also be deleted. <br /><br />They cannot be restored at a later time! Do you wish to continue?',
                'buttons'   : {
                    'Yes'   : {
                'class' : 'blue',
                'action': function(){
                //elem.slideUp();
                              $.ajax({ 
                            url: 'deletelocation.php', 
                            type: 'POST', 
                            data: lid, 
                            success: function(response) { 
                            console.log('success', response); 
                                    setTimeout(function() { 
                                    $('body').fadeOut(400, function(){
                                    location.reload();
                                    setTimeout(function(){
                                    $('body').fadeIn(400);
                                     }, 500);
                                     window.scrollTo(x-coord, y-coord);
                                 });
                            }, 2000);
                            }, 
                            error: function() { 
                            console.log('error') 
                            } 
                            }); 
                    }
                },
                'No'    : {
                    'class' : 'gray',
                                        'action': function(){}  // Nothing to do in this case. You can as well omit the action property.

                }
            }
        });

    });

    })
</script> 

我可以设法让“删除确认”消息正常工作并实际删除记录，但是我在添加“淡出”时遇到了一些困难，因为删除发生了，然后是“淡入”页面重新加载时。

我已经阅读了很多帖子，并从中得出了以下内容，并将其整合到上面的内容中:

setTimeout(function() { 
$('body').fadeOut(400, function(){
location.reload();
setTimeout(function(){
$('body').fadeIn(400);
}, 500);
window.scrollTo(x-coord, y-coord);
});
}, 2000);

但是这不起作用，我不确定为什么。我只是想知道哪里有人可以看看这个请让我知道我要去哪里错了。

非常感谢和亲切的问候

Answer 1

location.reload() 之后的脚本没有执行，因为页面正在重新加载。

你可以在你的 url (#reload) 中添加一个标志，并在页面加载开始时，你可以这样做$('body').hide().fadeIn() 如果找到标志。