jQueryは、Firefoxを使用している場合、非モジラCSS3変換を無視します。

Question

jQueryを使用して要素にCSS3変換を追加しようとしています。私は私のコードをテストするためにFirefox 5を使用しています。私の目標は、さまざまなブラウザに複数のバージョンのトランジションを追加することで、ブラウザの互換性を最大限に高めることです。ここで私が使用しているコードです：

$('#element_name').css('-webkit-transform', 'rotate(45deg)'); 
$('#element_name').css('-moz-transform', 'rotate(45deg)'); 
$('#element_name').css('transform', 'rotate(45deg)'); 

私はFirebugのを使用して結果のHTMLを表示

は、私が観察しているだけ-moz-変換要素のインラインCSSに追加されました。このCSSはFirefoxでうまく動作しますが、他の行も追加する必要があります。 Safariでページを表示すると、-webkit-transform行が表示されると想定していますが、これはプロジェクトの要件には十分ではありません。私は、ブラウザに関係なく、同時に異なるCSS変換ラインをすべて追加する必要があります。

jQueryにそれらをすべて使用させる方法はありますか？おそらく、jQueryに現在のブラウザを気にしないように指示するための設定がありますか？

Answer 1

使用しているFirefoxのバージョンは何ですか？一時的に-moz-transform宣言を削除しようとしましたが、どうなるのでしょうか？
私はよく分かりませんが、時にはファイヤーバグは最初の有用な宣言だけを示します。

Answer 2

これはjQueryに起因するものではありません。プロパティがブラウザで利用可能な場合、jQueryはプリチェックを行いません。

不明なプロパティがブラウザに表示されないため、Firebugは未知のプロパティを表示しません。これは、エラーを引き起こさずに無効な割り当ての一種です。

無効なCSSプロパティを割り当てると、Firebugsコンソールで警告が表示されるだけで、コンソールメニューの[show CSS-errors]オプションを選択して表示することができます。