クロスブラウザCSS3トランジションjQuery関数（変数付き） - javascript、jquery、css、css3、transition

なぜこれがうまくいかないのですか？すべてのベンダーを削除してWebkitを保持している場合にのみchromeで動作します。同じメソッドで「transform」プロパティを使用して同様の例を実行しましたが、正しく機能しています。

function transition(handle,prop,dur,ease){

handle.css({
"-webkit-transition": "-webkit-" + prop + " " + dur + "ms " + ease + "",
"-moz-transition": "-moz-" + prop + " " + dur + "ms " + ease  + "",
"-ms-transition": "-ms-" + prop + " " + dur + "ms " + ease  + "",
"-o-transition": "-o-" + prop + " " + dur + "ms " + ease  + "",
"transition": prop + " " + dur + "ms " + ease  + ""
});
}

回答：

試してみる このフィドル ..動作する可能性があります。問題は、未知のスタイルが適用されたときにブラウザーがCSSスタイルを無視することが原因である可能性があります。

スクリプト：

function transition(handle, prop, dur, ease) {
handle.css({ "-webkit-transition": "-webkit-" + prop + " " + dur + "ms " + ease });
handle.css({ "-moz-transition": "-moz-" + prop + " " + dur + "ms " + ease });
handle.css({ "-ms-transition": "-ms-" + prop + " " + dur + "ms " + ease });
handle.css({ "-o-transition": "-o-" + prop + " " + dur + "ms " + ease });
handle.css({ "transition": prop + " " + dur + "ms " + ease });
}