Question

我试图弄清楚如何在jQuery中将draggable连接到sortable。我还希望拖动的div能够捕捉到其他div。这是我想要jQuery做的一个例子：

<div id="yes">Drag me and you'll be able to drop divs into me.</div>
<div id="no">Drag me but you won't be able to drop divs into me.</div>
<div id="main">

</div>

拖动ID为＆＃34;是＆＃34;的div后，代码将如下：

<div id="yes">Drag me and you'll be able to drop divs into me.</div>
<div id="no">Drag me but you won't be able to drop divs into me.</div>
<div id="main">
     <div id="d1" class="droppable"></div>
</div>

现在，如果你拖动其中一个div，被拖动的div可以输入每个div，其类为＆＃34; droppable＆＃34; （只有当您从div中拖动div时，才会添加此类，其ID为＆＃34;是＆＃34;。

以下是我希望代码在大量拖动后看起来像的示例：

<div id="yes">Drag me and you'll be able to drop divs into me.</div>
<div id="no">Drag me but you won't be able to drop divs into me.</div>
<div id="main">
     <div id="d1" class="droppable">
          <div id="d2" class="droppable"><div id="d6"></div></div>
     </div>
     <div id="d3" style="margin-top: 11px"></div>
     <div id="d4" style="margin-top: 34px;margin-right: 39px"></div>
     <div id="d5" class="droppable"></div>
     </div>
</div>

当然，这只是代码在大量拖动后如何看待的一个示例。 div只能放入主div中。丢弃之后也可以拖动div。带有style s的margin是放置div的位置 - 如果它正好位于父div的边框上，则没有样式。如果你把它放在盒子的中间，边距将是div的位置......

总之，我希望如果你从div中拖出一个id为＆＃34;是＆＃34;的div，div将能够有一个子div，但div被拖动了来自id为＃34; no＆＃34;的div，这个div永远不会是父div，并且两个div都会在拖动它们的同时捕捉到其他div。如果div被放置在div的顶部但不在他的内部（在边界上），他将会被抢断，但永远不会留在div之上。 div将被设置为＆＃34;样式＆＃34;有边距而不是position: absolute。

抱歉我的英语不好＆amp;谢谢！

如何连接＆＃34; draggable＆＃34;和＆＃34;可排序＆＃34;在jQuery？

0 个答案: