Cross browser CSS3 przejście do funkcji jQuery ze zmiennymi - javascript, jquery, css, css3, transition

Dlaczego to nie działa? Działa tylko na chrome, gdy usunę wszystkich dostawców i zachowam webkit, już zrobiłem podobny przykład z właściwością „transform” tą samą metodą i działa poprawnie. Dzięki

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  + ""
});
}

Odpowiedzi:

Spróbuj jak to skrzypce .. To może działać .. Problem może wynikać z tego, że przeglądarka ignoruje styl CSS, gdy stosowane są nieznane style.

Scenariusz:

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 });
}