2017-01-30 3 views
0

Я использую jQuery UI для личного проекта, и я хочу что-то знать. Можно ли управлять перетаскиваемым элементом jQuery, чтобы отключить возможность получить пункт draggable из окна?jQuery draggable из окна

Я не уверен, если я достаточно ясно, так вот экран, что я не хочу иметь: Link

Заранее спасибо!

ответ

1

Когда вы используете jQuery UI Draggable, у вас есть опция Containment. В этом случае вы можете указать родителя, внутри которого он должен быть ограничен. В вашем случае родитель должен быть телом.

Вы можете использовать эту функцию инициации:

$("#yourElement").draggable({ scroll: false }); 

Вы также можете использовать следующие:

$("#element").draggable({ 
    handle: tr_top, 
    containment: "window" 
}); 
+0

Спасибо за ваш ответ. Я проверяю функцию прокрутки в API Doc, но я действительно не понимаю, как это работает, и это не работает. Для второго варианта я также проверю функции дескриптора, но только с использованием сдерживания. И это работа. Вопрос только в том, можно ли заблокировать перетаскиваемый элемент сверху/влево/вправо, но не внизу? – Nathan30

+0

Попробуйте следующее: Параметр сдерживания позволяет массиву, где задавать позиции, в которых их содержать. Попробуйте следующее: 'var containsmentTop = $ (" # stop-top "). Position(). Top; var сдерживаниеBottom = $ ("# stop-bottom"). Position(). Top; $ ('# bar'). Draggable ({axis: 'y', contentment: [0, contentmentTop, 0, contentmentBottom]}); ' –

+0

Спасибо за это, но что такое # stop-top и #stop -дно ? – Nathan30