Ограничить перетаскивание в пределах определенного DIV только

Question

См JSFIddle: http://jsfiddle.net/6q9hn5Ln/2/

1. Как ограничить перетягивания только в #OuterWrapper?

2. Почему я не могу получить новую строку в текстовом поле, нажав ENTER?

   var x = 0, y = 0;

   взаимодействуют ('# outWrap_1') .draggable ({ OnMove: функция (событие) { х + = event.dx; у + = event.dy;

    event.target.style.webkitTransform = 
        event.target.style.transform = 
         'translate(' + x + 'px, ' + y + 'px)'; 
       } 
   }) 
   .inertia(true) 
   .restrict({ 
       drag: "#OuterWrapper", // how to restrict dragging to this DIV only 
       endOnly: true 
   }); 
   

Answer 1

Использование защитной оболочки

$(".selector").draggable({ containment: "parent" }); 

проверить это jquery draggable: how to limit the draggable area?