This is my draggable init:
$("#id").draggable({
axis: "x",
containment: ["x1", "y1", 0],
cursor: 'pointer',
drag: function(event, ui) {
callback();
},
stop: function(event, ui) {
callback();
}
})
What I've with this is make a draggable that can't be dragged right before the first element. It can be dragged left but I want to also make it so if you reach the further most right element then it stops dragging there. Up and down scrolling is also disabled.
Any help would be appreciated.