Cruz navegador CSS3 transição função jQuery com variáveis ​​- javascript, jquery, css, css3, transição

Por que isso não funciona? Ele só funciona no Chrome quando eu remover todos os fornecedores e manter o webkit, eu já fiz um exemplo semelhante com a propriedade "transformar" com o mesmo método e ele está funcionando corretamente.

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

Respostas:

Tente como este violino .. Pode funcionar .. O problema pode devido a, o navegador ignorar o estilo CSS quando os estilos desconhecidos são aplicados ..

Roteiro:

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