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();

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

Simplified jsfiddle: http://jsfiddle.net/r02vwvd1/1/ – allicarn Dec 11 '14 at 23:17 — allicarn, Dec 11 '14 at 23:17

score 74 · Accepted Answer · edited Dec 23 '14 at 13:14

74

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: ''
})

edited Dec 23 '14 at 13:14

Uttara

answered Aug 27 '12 at 17:03

Nal

thanx a lot Nal :) How I overlooked the default option for cancel!! – Uttara Aug 28 '12 at 04:43
Thank You, you just made my day Nal – Jim Aug 23 '13 at 05:16
$("table tbody").sortable({ handle: 'button', cancel: '' }).disableSelection(); – Nal Aug 13 '14 at 18:29

1 Answers1