jquery ui draggable limit所以不能被拉过另一个div

时间:2012-12-13 16:46:04

标签: jquery user-interface

如果div已经存在或仅限制,我可以限制可拖动功能跳转吗?    有什么方法吗?

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

here is the code

2 个答案:

答案 0 :(得分:0)

也许你打算使用sortables?以下是如何使用它们的示例:

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/

答案 1 :(得分:0)

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