jQuery UI перетаскиваемая оболочка с переполнением скрыта

Question

У меня есть ul больше, чем оболочка, и я хочу, чтобы ее можно было перетащить до последнего ребенка (с защитой).

У меня есть этот код для перетаскивания ul и работы (без сдерживания).

$("#myList").draggable({ axis: "x" });​ 

Вот рабочая страница: http://jsfiddle.net/Kxtvg/

Но мне нужна помощь, пытаясь ограничить лобовое сопротивление, если я использую

$("#myList").draggable({ axis: "x", containment: '#width' });​ 

Он ведет себя смешно ... http://jsfiddle.net/Z9UYA/

Как могу ли я заставить плавно перемещаться, со скрытой оболочкой переполнения и с разделителем div?

THX!

Answer 1

попробуйте установить ширину элемента «#width» больше, чем ширина элемента «#myList» somthing, как показано ниже.

# ширина {ширина: 1200px; высота: 150px; overflow: hidden;} #myList {ширина: 600 пикселей, высота: 150 пикселей; переполнение: скрыто;}