Javascript 使用jQuery拖动对象
这是小提琴: 拖动Javascript 使用jQuery拖动对象,javascript,jquery,html,css,jquery-ui,Javascript,Jquery,Html,Css,Jquery Ui,这是小提琴: 拖动光标h1时,我需要移动行h1(它是左侧的属性)。现在,lineH1在我下次尝试拖动cursorH1后被移动。所以我需要它在光标1移动时发生。这样lineH1和cursorH1将同时移动。试试这个 $(function () { $("#cursorH1").draggable(); InitializeScale(); }); function Initiali
光标h1
时,我需要移动行h1
(它是左侧的
属性)。现在,lineH1
在我下次尝试拖动cursorH1
后被移动。所以我需要它在光标1
移动时发生。这样lineH1
和cursorH1
将同时移动。试试这个
$(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);
}
试试这个
$(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);
}
您可以在DragTable中使用拖动事件来移动
lineH1
$("#cursorH1").draggable({drag:function(e){MoveScale(this)}});
您可以在DragTable to move
行1中使用拖动事件
$("#cursorH1").draggable({drag:function(e){MoveScale(this)}});