Курс 2016 года “Разработка на UMI.CMS от 0 до готового сайта”

0 Пользователей и 1 Гость просматривают эту тему.

*

niakriss

  • ***
  • 190
  • +2/-0
    • Просмотр профиля
drag and drop
« : 26 Декабря 2012, 14:39:49 »
Здравствуйте, необходимо сделать перемещение объекта в определенной области.. перемещение сделала, но по всему окну.. как ему сказать чтобы за границы дива не выходил?

*

Vladimir

  • ****
  • 279
  • +48/-0
    • Просмотр профиля
Re:drag and drop
« Ответ #1 : 27 Декабря 2012, 18:29:35 »
Если на mootools, то вот http://demo.umi-cms.spb.su/demos/drag/1.html
В объекте типа Drag.Move на объект-контейнер указывает свойство container.
http://mootools.net/docs/more/Drag/Drag.Move

Весь код:
	window.addEvent('domready',function(){

var myDrag = new Drag.Move('draggable', {
snap: 0,
container: $('box'),
onSnap: function(el){
el.addClass('dragging');
},
onComplete: function(el){
el.removeClass('dragging');
}
});

});

*

admin

  • *****
  • 2444
  • +172/-1
    • Просмотр профиля
Re:drag and drop
« Ответ #2 : 10 Января 2013, 10:20:46 »
если механизм перетаскивания делается на jQueryUI то в документации все написано

http://jqueryui.com/draggable/#constrain-movement

смотрим на параметр
$( "#draggable5" ).draggable({ containment: "parent" });