使用jQuery UI将元素拖动到另一个元素时交换元素

前端之家收集整理的这篇文章主要介绍了使用jQuery UI将元素拖动到另一个元素时交换元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在页面上有一个元素排列:
<div>
  <div class="dragdrop" style="top:0px;  left: 0px;  ">1</div>
  <div class="dragdrop" style="top:40px; left: 0px;  ">2</div>
  <div class="dragdrop" style="top:60px; left: 0px;  ">3</div>
  <div class="dragdrop" style="top:0px;  left: 100px;">4</div>
  <div class="dragdrop" style="top:40px; left: 100px;">5</div>
  <div class="dragdrop" style="top:60px; left: 100px;">6</div>
</div>

我如何使用jQuery UI(Draggable / Droppable)来使它如果一个div被丢弃到另一个div上,它们交换位置? (如果它被拖到其他任何地方,它会恢复到原来的位置.)

谢谢.

解决方法

下面是一个如何通过拖放 http://jsfiddle.net/76yRN/1/交换元素的示例

关于在jquery jQuery draggable items lose their draggability after being swapped (with jsfiddle example)中交换元素的另一个问题

希望这可以帮助

原文链接:https://www.f2er.com/jquery/180880.html

猜你在找的jQuery相关文章