Как работает jQuery ui draggable?

Question

EDIT Я, наконец, выяснил проблему, имеющуюся у меня на моем сайте, это показано в этом примере: http://jsfiddle.net/DerNa/10/. Здесь вы видите контейнер #frame, перемещаемый из позиции 0/0 (в положение 50/50). По какой-то причине изображение относится к «окну» вместо родительского контейнера. Кто-нибудь знает, как я могу сделать это относительно родительского контейнера?

Старый Вопрос Следит

Я не могу понять, как это работает, например:

В основном мои вопросы от того, что я нашел в Интернете, и что я могу сделать вывод, играя вокруг с примером что [container_width-image_width, container_height-image_height,? ?]. имеет смысл, что первые два слева и верхний край невидимого контейнера, в который вы хотите, чтобы перетаскиваемый мог содержаться. Однако я не уверен, как работают последние два значения: они либо правые/нижние, либо ширина/высота, но ни один из них не имеет смысла в приведенном примере.

Если кто-то может пролить свет на это, было бы весьма полезно!

Джейсон

Answer 1

Per http://api.jqueryui.com/draggable/#option-containment

Сдерживание:

Сдерживает перетаскивание в пределах указанного элемента или области. Возможные строковые значения: «родительский», «документ», «окно», [x1, y1, x2, y2].

Таким образом, цифры являются начальными и конечными координатами в формате X, Y. В вашей скрипке у вас есть:

containment:[-500,-127,0,0] 

который переводится как -500, -127 и 0,0. Таким образом, в основном сдерживание устанавливается в положение 500 пикселей влево и 127 пикселей над исходной позицией с конечной защитой 0,0 или, скорее, местом, где изображение сидит первоначально.