Question

我在点击页面上的asp按钮时试图显示saving....消息。

我有大部分工作，但是fadeOut对我不起作用，消息会在屏幕上闪烁，然后消失，重定向将会发生。

这是代码：

$(document).ready(function () {
     $("input[id$='btnSaveBanners']").click(function () {

         var elem = $('#save-msg');
         elem.toggle();
         elem.fadeOut(3000);

         setTimeout(function () { window.location.href = "/Admin/Orders/ViewAll.aspx"; }, 5000);
        });
 });

我页面上定义的元素：

<span id="save-msg" style="display:none;">Saved...</span>

我想也许对toggle()的调用会以某种方式干扰动画，因此我尝试删除style属性以清除display:none;，这根本没有帮助。我正在使用jQuery 1.7.2和jQuery UI 1.7.2。

我已经使用完全相同的代码创建了工作的jsFiddle问题但在本地运行时，Saved...消息只是在屏幕上闪烁，然后重定向发生

有关其他事情的任何建议吗？

Answer 1

尝试使用fadeOut回调方法。如下所示。

        $(document).ready(function () {
        $("input[id$='btnSaveBanners']").click(function () {
            var elem = $('#save-msg');
            elem.toggle();
            elem.fadeOut(3000, function () {
                setTimeout(function () { window.location.href = "/Admin/Orders/ViewAll.aspx"; }, 5000);
            });
        });
    })

使用js / jQuery显示“正在保存...”消息，然后重定向到页面

1 个答案: