0

最初にそれ自体をクローンしてからドラッグアンドドロップするようにdivを取得しようとしていますが、これは機能しますが、ユーザーに回転させる必要があります。

ここのコードを見てください：http://jsfiddle.net/zduEZ/

// Your original element
var ele = $('.draggable');

$('.draggable').draggable({ helper: "clone" });
$('.draggable').bind('dragstop', function (event, ui) {
    $(this).after($(ui.helper).clone().draggable()); });

    // Create handle dynamically
    $('<div></div>').appendTo(ele).attr('id', 'handle').css({
        'position': 'absolute',
        'bottom': 5,
        'right': 5,
        'height': 10,
        'width': 10,
        'background-color': 'green'
    });

    ele.css('position', 'relative');

    $('#handle').draggable({
        handle: '#handle',
        opacity: 0.01,
        helper: 'clone',
        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/

コードにエラーが見つかりません。ご協力ありがとうございました。

4

1 に答える 1