-

jQueryのanimateでleftの値を変えてるだけなのですが、Firefoxのエラーコンソールで「’left’ の値をパース中にエラーが発生しました。 このスタイル宣言は無視されました。」のエラーが解決できません。問題なく動いてはいるのですが・・・
ちなみにIEやその他モダンブラウザではエラーはでていません。
どなたかご教授いただけますと幸いです。よろしくお願い致します。

みんなの回答 5 件

名無しさんの回答

トピ主です。
詳しい解説とかでなくても大丈夫ですので、ヒントだけでもいただけるとありがたいです。。
ヒントを基にデバッグしますので、すみませんが、よろしくお願い致します。

名無しさんの回答

FireFoxって問題なくてもエラーバージョンがあるようです。

どんなサイトでも(straighlineに乗っているサイトなどなど)画面クリックしただけでエラー出たりとか。
でも問題なく動いていますが。。。

名無し

ありがとうございます!なるほどですね。ただ今作ろうとしているものが、setIntervalかsetTimeoutで一定時間でループ処理をさせるものなのでずっと出てしまい困っております。

名無し

それは困りますね。setInterval関連が原因でエラー出てるんでしょうか?(setIntervalの処理部分を省けば正常動作しますか?)

名無し

setIntervalを省いても正常に動作はしているようです。setTimeoutでも試してみたのですが、同じように「警告」が出てしまいます・・・ホントに謎です。

名無しさんの回答

それはCSSエラーで、Firefoxで定義されていないプロパティや値があると、エラーを吐きます。前のコメントでもおっしゃてるように無視していいものだと思いますが、気にはなります。うーん。

名無し

ご回答ありがとうございます!都度、エラーを吐き出しているのでかなり気になってしまいます…よくあるもの何ですかね?

名無しさんの回答

animateでleftにどういった値を入れているのでしょうか?

名無し

function setColMode() { $elChild.each(function() { $(this).css({ display: ’block’, position: ’absolute’, left: $elSize.w+’px’ }); }).filter(’:eq(0)’).css({ left: 0 }); }

名無し

すみません。素で貼り付けてしまいました。。setColMode()で初期値をセットして、その後「setInterval」を使って、別の関数のanimete()で「left: ’-’+$elSize.w+’px’」みたいな記述で、マイナス方向に要素の幅分を移動させている感じです。

名無し

たぶん $elSize.w で数値が返ってこないところがあって、そのときに、CSSのエラーとして処理されるのではないでしょうか。

名無し

CSSで認識しないプロパティや値を、エラーとして表示するのはFirefoxだけで、クロスブラウザするときにFirefoxが認識しないプロパティや値を使用することは多々あることなので、CSSエラーが出ないようにするということはあまりしないのですが、この場合は、$elSize.w が意図しない値を返してるということなので、ちゃんと解決した方がいいかもしれません。

名無し

$elSize.w の値をconsoleで確認してみます。ありがとうございます。

名無し

$elSize.wですが、初回のみ変数に格納していますので同じ値が取得が返ってきておりました。

名無しさんの回答

初期値にleft:値;ってはいってますか?

名無し

ご回答感謝です!ありがとうございます。外部CSSでは設定しておりませんが、jQueryで初期値に left:値; は指定しております。もしかして「CSS」で初期値を指定していないからでしょうか?

名無し

うえのやり取りを見ていると違いそうですね。ブラウザによっては初期値が無いものについてはプロパティを操作できないものがあるのでそこかなと思ったのですが...口出しした割には微妙な感じで申し訳ございません。

名無し

ご回答ありがとうございます。left:値;に指定する値がNumber型であることが問題という事はございますか?

最終更新日:2012-05-25 (9,039 views)

関連するトピックス

ページ上部に戻る