如何根据可拖动方向设置轴(初始化后)?
如果是左右拖动,则为 x,如果是上下拖动,则为 y。
$("#belt").draggable({
handle: "li",
axis: "y",
start: function() {
//I want to be dragged in the axis i belong which should be x....
},
});
最佳答案
您最初使用距离来限制运动,以初步读取用户移动的方向,然后设置轴限制。
var x, y;
$("#belt").draggable({
start: function(event) {
x = event.originalEvent.pageX;
y = event.originalEvent.pageY;
},
drag: function(event) {
if (x && y) {
axis = Math.abs(event.originalEvent.pageX - x) > Math.abs(event.originalEvent.pageY - y) ? 'x' : 'y';
$("#belt").draggable('option', 'axis', axis);
x = y = null;
}
},
stop: function() {
x = y = null;
$("#belt").draggable('option', 'axis', false);
},
distance: 20
});
这是一个 fiddle :http://jsfiddle.net/jhchen/B7J2E/
关于javascript - 根据可拖动方向设置轴 jQuery 可拖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9527002/