1

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

我大部分都在工作，但是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...只是在屏幕上闪烁，然后发生重定向。

关于其他尝试的任何建议？

4

1 回答 1

0

试试 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);
            });
        });
    })
于 2013-07-17T14:30:33.977 回答