仅限制特定DIV内的拖动

Question

请参阅JSFIddle：http://jsfiddle.net/6q9hn5Ln/2/

1. 如何仅在#OuterWrapper？
内限制拖动

2. 为什么我不能通过点击ENTER在textarea中获得换行符？

   var x = 0，y = 0;

   相互作用（＆＃39;＃outWrap_1＆＃39;）     .draggable（{         onmove：function（event）{             x + = event.dx;             y + = 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?