2016-12-28 18 views
1

私のコードにはChromeで動作するようですが、SafariやFireFoxでは動作しないようなjavascriptのアニメーションがあります。しかし、私がフィドルを作って、サファリとファイアフォックスの両方でフィドルを走らせたら、それは機能します。 https://jsfiddle.net/dspoknvv/1/私のアプリケーションでjqueryが設定されているので、問題はありません。問題のコード:私は、コードのチャンクを削除しようとしただけで、私のアプリは、コードの塊を打ったことを確認するためにそこに警告を入れて、警告ボックスが実際に表示されたきたjavascript animateはSafariでもFirefoxでも動作していません

var l = 20; 
for(var i = 0; i < 10; i++){ 
    $('.input-field').animate({ 
     'margin-left': "+=" + (l = -l) + 'px', 
     'margin-right': "-=" + l + 'px' 
}, 50 ); 
} 

+0

あなたのアプリでは、コードは '$(function(){...})'または '$(document).ready(function(){...})'の内部にありますか? – yezzz

+0

これはif else文の内部にあります。これはjs.erbファイルにあります – brandoncodes

+0

if else文がルビになっています – brandoncodes

答えて

1

スクリプトが正しい入力をターゲットにしていることを確認してください。そのように、一部のブラウザでは隠れた入力をアニメートします。

関連する問題