为什么这个jquery动画在css转换上不能在Opera中工作

Question

我有一个用于转换rotateX的css属性和动画的插件，它在Opera中不起作用。有谁知道为什么？

// css rotateX transformation plugin
(function($) {
    function getTransformProperty(element) {
        var properties = ['transform', 'WebkitTransform',
                          'MozTransform', 'msTransform',
                          'OTransform'];
        var p;
        while (p = properties.shift()) {
            if (element.style[p] !== undefined) {
                return p;
            }
        }
        return false;
    }
    var property = getTransformProperty(document.createElement('div'));

    if (property) {
        $.cssHooks['rotateX'] = {
            get: function(elem, computed, extra){
                return elem.style[property].replace(/.*rotateX\((.*)deg\).*/, '$1');
            },
            set: function(elem, value){
                value = parseInt(value);
                $(elem).data('roateX', value);
                if (elem.style[property].match(/rotateX/)) {
                    var rotation = value == 0 ? '' : 'rotateX(' + value%360 + 'deg)';
                    elem.style[property] = elem.style[property].replace(/rotateX\([0-9]+deg\)/, rotation);
                } else {
                    elem.style[property] += 'rotateX(' + value%360 + 'deg)';
                }
            }
        };
        $.fx.step['rotateX'] = function(fx){
            $.cssHooks['rotateX'].set(fx.elem, fx.now);
        };
    }
})(jQuery);

接缝getTransformProperty始终从数组中返回第一个值。

jsfiddle。 （旋转应在点击时改变）。

Answer 1

rotateX是3d变换，not supported by Opera。 （在Opera 12.15中测试过）。