JQuery UI sortable, кнопка не работает как ручка

Я пытаюсь сортировать tr's в таблице.

код

$("table tbody").sortable({
    handle: 'button'
    //handle: 'img'
}).disableSelection();

живая скрипка

теперь проблема заключается в том, что при использовании img в качестве дескриптора его работы отлично

но при использовании button в качестве дескриптора его не работает

Я проверил множество jquery ui sortable ques для моих ans, но без помощи

может кто-нибудь объяснить, почему это происходит

Thanx заранее

Ответы

Ответ 1

По умолчанию параметр cancel равен :input,button, который конфликтует с настройкой вашего дескриптора. Просто настройка его на пустую строку отлично работает.

$("table tbody").sortable({ 
    handle: 'button',
    cancel: ''
})

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