javascript - jQueryでオブジェクトをドラッグ

Question

これはフィドルです：

http://jsfiddle.net/yUbZz/

ドラッグするときに移動する必要がありますlineH1（プロパティです） 。今のところ、次にドラッグしようとすると移動します。だから私はそれが動いているときに起こる必要があります。との両方が同時に動くようにします。leftcursorH1lineH1cursorH1cursoeH1lineH1cursorH1

Answer 1

ドラッグ可能でドラッグイベントを使用して移動できますlineH1

$("#cursorH1").draggable({drag:function(e){MoveScale(this)}});

http://jsfiddle.net/yUbZz/1/

Answer 2

これを試して

$(function () {
                    $("#cursorH1").draggable();
                    InitializeScale();
                });


function InitializeScale() {
    $('#cursorH1').on('mousemove', function () {
        $('#cursorH1').css({
            '-ms-filter': 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)',
            'filter': 'alpha(opacity=75)',
            '-moz-opacity': '0.75',
            '-khtml-opacity': '0.75',
            'opacity': '0.75'
        });
        $('#cursorH1').on('mousemove', MoveScale(this));
    });

    $('#cursorH1').on('mouseup', function () {
        $('#cursorH1').css({
            '-ms-filter': 'progid:DXImageTransform.Microsoft.Alpha(Opacity=35)',
            'filter': 'alpha(opacity=35)',
            '-moz-opacity': '0.35',
            '-khtml-opacity': '0.35',
            'opacity': '0.35'
        });
        //$('#cursorH1').off('mousemove');
    });
}

function MoveScale(e) {
    var offTop = e.offsetTop;
    var offLeft = e.offsetLeft;
    $('#lineH1').css('left', offLeft + 15);
}