2016-01-05 3 views
1

Вращение перетаскиваемым он отлично работает в версии UI 1.8.18:вращение Обновление перетаскиваемым JQuery UI 1.8.18 для UI 1.11.4

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

Но в версии 1.11.4 UI не работает в этой части :

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?

Спасибо за любую помощь

ответ

1

Вероятно, в handle имеет некоторые Upgradation в 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

+0

это работа, спасибо. Как правильно выполнить движение, которое следует за вашей мышью? например: http://godswearhats.com/jquery-ui-rotatable/demo.html – Gislef

+0

Они использовали плагин jquery-ui-rotatable link: (вы знаете) https://github.com/godswearhats/jquery-ui-rotatable , используйте '$ ('# handle'). rotatable();' и 'draggable' и включают jquery-rotate.js и css тоже –

Смежные вопросы