.css 转换不适用于 jquery

Question

我正在尝试在 javascripts 中使用鼠标事件，但遇到了问题。

我举了这个例子：http://jsfiddle.net/vL5g3/1/ 来了解它是如何工作的，后来我尝试将它应用到一个转换案例中。

虽然我知道结果很可能会失败，但我至少预计会发生一些事情，但什么都没有发生。是不是可以用 jquery 应用 css 转换？

代码如下：

http://jsfiddle.net/pool4/Bbcp2/1/

var x=0, 
    y=0,
    rate=0,
    maxspeed=10;
var cont= $('.container');

$(cont).mousemove(function(e){
    var $this = $(this);
    var w = $this.width();
    rate = -(e.pageX - $(this).offset().left + 1)/w;
});

cont.hover(
    function(){
        var scroller = setInterval( moveCont, 30 );
        $(this).data('scroller', scroller);
    },
    function(){
        var scroller = $(this).data('scroller');
        clearInterval( scroller );
    }
);   

function moveCont(){
    x += maxspeed * rate;
    var newpos = 'translate('+x+'px, '+y+'px)';
    $('.transform').css('-webkit-transform',newpos);
}

Answer 1

在 moveCont 的末尾添加

   $('.transform').css('-moz-transform',newpos);

对于 mozilla，希望它能够工作并且你的小提琴加载 jquery 库。