Poignée de table triable de l'interface utilisateur jQuery

J'ai un peu difficiles avec sortable option poignée.

Lorsque j'utilise:

$("table tr").sortable().disableSelection();

Il n'y a pas de problème.

Si j'ajoute une poignée en option, alors le triable des arrêts de travail:

$("table tr").sortable({
    handle: "td:eq(0)"
}).disableSelection();

Les liens:

http://jsfiddle.net/22C2n/

http://jsfiddle.net/22C2n/1/

Quelqu'un peut m'aider s'il vous plaît?

source d'informationauteur Diego | 2010-12-17

  1. 28

    Envelopper votre <tr>'s dans un <tbody> et modifier votre code:

    $("table tbody").sortable({
    handle: 'td:first'
}).disableSelection();

    Vous spécifiez le conteneur qui contient les éléments que vous souhaitez être sortable pas les éléments réels...

  2. 1

    Essayer de passer à un élément: http://jsfiddle.net/22C2n/5/

    $("table tr").sortable({
    handle: $("td:eq(0)")
}).disableSelection();
  3. 0

    Réglage de la poignée de td:eq(0) ne fait que la première cellule du tableau triable, tout le reste des cellules ne sont pas. Essayez d'ajouter un span à l'intérieur de la td et de l'utiliser comme poignée (démo).

    HTML

    <table>
    <tr>
        <td><span>&bull;</span>1A</td>
        <td>1B</td>
        <td>1C</td>
    </tr>
    ...
</table>

    Script

    $("table tr").sortable({
    handle: "span"
}).disableSelection();