将 rotation draggable jQuery UI 1.8.18 更新为 UI 1.11.4

Question

旋转拖动在版本UI 1.8.18:

中完美运行

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

但是在版本 UI 1.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/

如何正确更新此功能以在 jquery ui 的当前版本中工作？

感谢您的帮助

Answer 1

可能 handle 在 1.11.4 中有一些升级可以查看 here

您不需要 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