1

jquery を使用してローテーション CSS スタイルを設定する関数があります。同じ t.css({left:pos}) セットアップを使用して div の左位置を設定する別の関数もあります。これはすべて、Safari を除くすべてのブラウザーで完全に機能します。誰もこれに問題がありましたか。回転スタイルを削除すると、左の配置が機能します。サファリ開発者ツールでアニメーションを表示すると、div タグの回転属性と左属性の両方が動的に更新されていることがわかりますが、位置属性だけが回転ではレンダリングされません。

function rotate(rotation){
t.css({'-webkit-transform': 'rotate('+rotation+'deg)','-moz-transform': 'rotate('+rotation+'deg)','-ms-transform': 'rotate('+rotation+'deg)','-o-transform': 'rotate('+rotation+'deg)','transform': 'rotate('+rotation+'deg)'
});
}
4

1 に答える 1

0

私にとってはうまくいきます。

var rotation = 45;
var t = $('div');

t.css({
    '-webkit-transform': 'rotate('+rotation+'deg)',
    '-moz-transform': 'rotate('+rotation+'deg)',
    '-ms-transform': 'rotate('+rotation+'deg)',
    '-o-transform': 'rotate('+rotation+'deg)',
    'transform': 'rotate('+rotation+'deg)'
});

</p>

ここにフィドルがあります:http://jsfiddle.net/YQxBg/1/

調査のために、正しく動作しないことを示す完全なデモンストレーションをアップロードしていただけますか?

于 2012-10-19T01:04:09.033 に答える