draggable 约束运动,

(function() { ( "#draggable" ).draggable({ axis: "y" }); ( "#draggable2" ).draggable({ axis: "x" }); ( "#draggable3" ).draggable({ containment: "#containment-wrapper", scroll: false }); $( "#draggable5" ).draggable({ containment: "parent" }); });

沿着轴约束运动:

只能垂直拖拽

只能水平拖拽

或者在另一个 DOM 元素中约束运动:

我被约束在盒子里

我被约束在父元素内


#draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }


(function() { ( "#draggable" ).draggable({ cursor: "move", cursorAt: { top: 56, left: 56 } });
( "#draggable2" ).draggable({ cursor: "crosshair", cursorAt: { top: -5, left: -5 } }); ( "#draggable3" ).draggable({ cursorAt: { bottom: 0 } });
});


我总是在中间(相对于鼠标)

我的光标是在 left -5 和 top -5

我的光标位置只控制了 ‘bottom’ 值

猜你喜欢

转载自blog.csdn.net/jack_1808/article/details/81808009