jQuery перетаскиваемый клон с ограничением оси Y

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

Вам необходимо указать содержание и привязку.

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