jqueryjquery-uihandlejquery-ui-sortable

Jquery UI sortable, button is not working as handle

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

Solution

  • 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/