具有y轴限制的jQuery可拖动克隆

Question

如果我有这个标记：

<table id="sometable">
      <tr>
          <td class="x"><span>111</span></td>
          <td>aaa</td>
      </tr>
      <tr>
          <td class="x"><span>222</span></td>
          <td>bbb</td>
      </tr>       
</table>

这个jQuery代码：

$(".x span").draggable({ helper: 'clone', axis: 'y'});

当拖动第一列时，克隆的跨度将捕捉到第二列而不是第一列。如果我尝试拖动表格单元而不是内部的跨度，则会将其捕捉到表格外部。如果我删除轴：'y'按预期工作，除了我不再有我想要的Y轴限制。有任何想法吗？感谢。

Answer 1

您需要指定一个收容和＆amp;卡扣。

$(".x span").draggable({ 
    snap: '.x', 
    snapMode: 'inner', 
    containment: '#sometable', 
    helper: 'clone', 
    axis: 'y'
});