html - 如何在不可排序（jquery ui）中制作单个元素

Question

我有一张这样的桌子

<table>
  <tr class="sortable">
    <td>Days</td>
    <td>Monday</td>
    <td>Tuesday</td>
    <td>Wednesday</td>
    <td>Thursday</td>
    <td>Friday</td>
    <td>Saturday</td>
  </tr>
  <tr class="sortable">
    <td>Works</td>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
</table>

在这种情况下，我不希望<td>“天”和“工作”不能排序，而是保留在行中。

Answer 1

<th>按应有的方式制作行标题并仅包含<td>元素。

<table>
  <tr class="sortable">
    <th>Days</th>
    <td>Monday</td>
     ...

​$( '​​​​.sortable' ).sortable({
    items: 'td'
});​​​​​

演示：http: //jsfiddle.net/Xugru/

Answer 2

您可以为此使用该cancel选项：

$('.sortable').sortable({
    cancel: 'td:first'
});

这是文档。

Answer 3

<table>
  <tr class="sortable">
    <td>Days</td>
    <td>Monday</td>
    <td>Tuesday</td>
    <td>Wednesday</td>
    <td>Thursday</td>
    <td>Friday</td>
    <td>Saturday</td>
  </tr>
  <tr class="sortable">
    <td>Works</td>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
</table>

让我们使列 id 不可排序。

$(".sortable").sortable({
 items: "td:not(:first)"
});

就这样。您只需要排除项目中的第一个 td。

祝你有美好的一天