jQueryUI Draggable: Contraindre la glissabilité sur un seul axe?

Question

Lorsque vous faites glisser un objet, l'utilisateur peut faire glisser les axes x et y. Je veux limiter la capacité de glissement à l'axe des x seulement. Comment dois-je faire cela?

Merci!

Answer 1

Voir l'option axis:

"Contraint glisser soit à l'horizontal (x) ou de l'axe vertical (y) Valeurs possibles:. 'X', 'y'."

Exemples:

// Initialize a draggable with the axis option specified. 
$(".selector").draggable({ axis: 'x' }); 

// Get the axis option, after initialization. 
var axis = $('.selector').draggable('option', 'axis'); 
// Set the axis option, after initialization. 
$('.selector').draggable('option', 'axis', 'x');