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

フェードアウト コールバック メソッドを試してください。以下に示すように。

        $(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 に答える