jQuery перетаскиваемый клон с ограничением оси Y - PullRequest
Новая
       23

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

1 голос
/ 08 октября 2009

Если у меня есть эта разметка: 

<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, которое я хотел бы. Есть идеи? Спасибо.

1 Ответ

0 голосов
/ 08 октября 2009

Вам нужно указать защитную оболочку и оснастку. 

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