将可旋转拖动的jQuery UI 1.8.18更新为UI 1.11.4

Question

可拖动的旋转在版本UI 1.8.18:中完美工作

http://jsfiddle.net/avPf6/1/

但在版本UI1.11.4中，这个部分不起作用：

drag: function(event, ui){
    var rotateCSS = 'rotate(' + ui.position.left + 'deg)';
    $(this).parent().css({
        '-moz-transform': rotateCSS,
        '-webkit-transform': rotateCSS
    });

http://jsfiddle.net/avPf6/1/

如何正确更新此函数以在当前版本的jqueryui中工作？

感谢您的帮助

Answer 1

可能handle在1.11.4中进行了一些升级，可以在此处查看

您不需要handle，因为发生拖动（在此处旋转）的元素位于可拖动元素本身上。

工作解决方案：

$('#handle').draggable({  
    opacity: 0.01, 
    helper: 'clone',
    drag: function(event, ui ){
        console.log(ui);
        var rotateCSS = 'rotate(' + ui.position.left + 'deg)';
        $(this).parent().css({
            '-moz-transform': rotateCSS,
            '-webkit-transform': rotateCSS
        });
    }
});

FIDDLE