在窗体下一个按钮上运行jquery动画gif

Question

我有一个包含多个页面的表单，在我正在使用Web服务的页面上返回一个值（在下一个按钮上触发），然后显示在下一页上。 值返回超过20秒，并希望使用动画gif让用户知道正在发生的事情，我正在使用通常使用

触发的jquery页面动画

$(window).load(function() {
        // Animate loader off screen
        $(".se-pre-con").fadeOut("slow");;
});

我已经尝试了$（window）.unload（function（）这个看起来似乎很快就会开始动画。

理想情况下，我想在下一个按钮上激活动画：

接着 并且在Web服务获取信息的同时运行，但是npo肯定希望这样做。

我试过了

$(document).ready(function () {
    $('.button').on('click', getAn);
});

function getAn () {
            $(".se-pre-con").fadeOut("slow");;
});

但这并不会激发。我也没有修改html。 可以使用这样的动画gif，还是只用于页面加载？