ui draggable + sortable
 

Подскажите пожалуйста, как решить проблему

Есть список sortable (передвижение элементов по вертикали) и внутри списка в li стоит div, который хотелось бы передвигать по горизонтали

$(".list").sortable({
        handle: '.mover',
        axis: 'y',
});

$(".process-mover").draggable({
	axis: 'x',
	handle: '.mover',
	grid: [{{ day_width }}, 1],
});

Но т.к. handle у них общий, то один накладывается на другой.
Вопрос в том, как сделать так, чтобы при перемещении курсора на 10 px (от места покоя) по горизонтали - он стал перетаскивать по горизонтали как draggable, а при перемещении по вертикали на 10 px он стал перетаскиваться как sortable ?

И вопрос два
Я думаю мою проблему можно решить еще другим способом - возможно ли заставить draggable меняться местами при перетаскивании одного из элементов подобно sortable ?