Перетащите объект с JQuery

Question

Это скрипка:

http://jsfiddle.net/yUbZz/

мне нужно двигаться lineH1 (это свойство left), когда я тащу cursorH1. Прямо сейчас, lineH1 получает перемещение после следующего раза, я пытаюсь перетащить cursorH1. Поэтому мне нужно, чтобы это произошло, когда движется cursoeH1. так что оба lineH1 & cursorH1 будут перемещаться одновременно.

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); 
}