0

ここでは、一般的な成功メッセージ div がページの上部に表示される状況があります。以下のような機能があります。

function showSuccessMessage(messageType) {
                var messageParam = 'success-message.' + messageType;
                var successMessage = messageParam;
                // Show the success message
                $('.success-message').text(successMessage).hide().fadeIn().delay(5000).fadeOut(5000);
            };

ユーザーがサブミットに成功してから 5 秒以内に別のサブミットを実行して、上記のメソッドを再度呼び出すことができます。メッセージを含む前のデータはフェードアウトし、それが完了すると 2 番目のデータが起動するため、非現実的に見えます。奇数。

フェードを停止して div データをクリアし、最新のものを表示して前のメッセージを上書きする必要があります。

前もって感謝します。

4

1 に答える 1

3

stop()次のように使用できます。

 $('.success-message').stop(true,true).hide().text(successMessage).fadeIn().delay(5000).fadeOut(5000);

実際のデモを見る

于 2013-06-08T09:10:00.877 に答える