jquery - jquery ui 可拖动限制，因此无法拉过另一个 div

Question

如果 div 已经存在或只是一个限制，我可以限制可拖动功能跳下吗？有什么方法吗？

$(document).ready(function(){
$(".a").draggable();
 });

这是代码

Answer 1

查看jQuery UI Draggable Collision。它是一个为您的可拖动元素提供碰撞事件的插件。你应该能够解决你所有的问题。

Answer 2

也许您打算使用可排序的？以下是如何使用它们的示例：

HTML：

<ul>
   <li>
      <div class="a" style="width: 200px;height: 200px;background: red;"></div>
   </li>
   <li>
      <div class="a" style="width: 200px;height: 200px;background: green;">
      </div>
   </li>
   <li>
      <div class="a" style="width: 200px;height: 200px;background: blue;">
      </div>
   </li>
</ul>

JS：

$(document).ready(function(){
    $("ul").sortable();
});

演示：http: //jsfiddle.net/5EChH/1/