$("#meu_sortable").sortable();

1. Item 1
2. Item 2
3. Item 3
4. Item 4
5. Item 5

$("#meu_sortable").sortable({ placeholder: "ui-state-highlight" });

1. Item 6
2. Item 7
3. Item 8
4. Item 9
5. Item 10

$("#meu_sortable").sortable({ placeholder: "draggable_azul", forcePlaceholderSize: true });

1. Item 11
2. Item 12
3. Item 13
4. Item 14
5. Item 15

Isto daqui é apenas uma <ol> com um monte de <li>'s dentro. Cada <li> tem um style="float: left". O código é $("#meu_selectable").sortable();

1. Item 1
2. Item 2
3. Item 3
4. Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16

$("#meu_sortable").sortable({ delay: 1000 });

1. Item 17
2. Item 18
3. Item 19
4. Item 20
5. Item 21

$("#meu_sortable").sortable({ distance: 100 });

1. Item 22
2. Item 23
3. Item 24
4. Item 25
5. Item 26

Isto daqui é apenas uma <ol> com um monte de <li>'s dentro. Os itens 28 e 30 têm a classe CSS "nao_sortable". Por causa da propriedade cancel, estes itens não podem ser selecionados para serem ordenados.

$("#meu_sortable").sortable({ cancel: "nao_sortable" });

1. Item 27
2. Item 28
3. Item 29
4. Item 30
5. Item 31

$("#meu_sortable").sortable({ items: "li:not(.nao_sortable)" });

1. Item 32
2. Item 33
3. Item 34
4. Item 35
5. Item 36

$("#meu_sortable1, #meu_sortable2").sortable({ connectWith: ".minha_classe" });

1. Item 37
2. Item 38
3. Item 39

1. Item 40
2. Item 41
3. Item 42