Jquery UI sortable, button is not working as handle

Question

I am trying to sort tr's in a table.

code

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

live fiddle

now the problem is when using img as handle its working fine

but when using button as handle its not working

I checked for many jquery ui sortable ques for my ans but of no help

can anyone plz explain why is this happening

Thanx in advance

Answer 1

The cancel option defaults to :input,button which conflicts with your handle setting. Just setting it to an empty string works fine.

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

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