javascript - jqueryのテキストエフェクト

Question

テキスト効果を使用して通知バーを作成しましたが、すべて問題ないように見えますが、左から右に移動するようなテキスト効果を追加すると、最初は機能しているように見え、その後はこのように見え、FIDDLEが表示されます

 jQuery('.text').animate({
                'right': '300px'
            }, 'slow', 'linear').animate({
                'left': '300px'
            }, 'slow', 'linear').animate({
                'left': '0',
                'right': '0',
            });

2 回目に展開をクリックすると、ページ自体を更新したときに中央から右に表示され、初めて適切に表示されます。

バーを開くたびに、メッセージを左から右、中央に表示する方法はありますか。

前もって感謝します。

Answer 1

jQuery('.text').animate({
                'right': '300px',
            }, 'slow', 'linear').animate({
                'left': '300px'
            }, 'slow', 'linear').animate({
                'left': '0',
                'right': '0',
            });
    jQuery('.text').css('right', 'auto')
    jQuery('.text').css('left', 'auto')
});

動作デモ: http://jsfiddle.net/UCTgR/12/ (注: このデモには部分的な機能があり、見逃したものを表示するだけで、バナーをクリックして確認できます)