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

Simplified jsfiddle: jsfiddle.net/r02vwvd1/1

allicarn
– allicarn

2014-12-11 23:17:06 +00:00
Commented Dec 11, 2014 at 23:17 — allicarn
– allicarn, Commented Dec 11, 2014 at 23:17

Uttara · Accepted Answer · 2014-12-23 13:14:22Z

75

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/

edited Dec 23, 2014 at 13:14

Uttara

2,5403 gold badges25 silver badges35 bronze badges

answered Aug 27, 2012 at 17:03

Nal

2,77122 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Uttara Over a year ago

thanx a lot Nal :) How I overlooked the default option for cancel!!

Nal Over a year ago

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

Sayed Mahmoud Gomaa Over a year ago

handle option has replaced with items option-handle option-items

M.Haris · Accepted Answer · 2024-10-14 07:44:12Z

0

The button doesn't work as a handle. Instead, use Span or Div, give it button styling, and use it as a handle.

Reason: The Ui sortable gets confused by button functionality. Either it had to take a click or drag, so it does not work.

answered Oct 14, 2024 at 7:44

M.Haris

8696 silver badges7 bronze badges

Collectives™ on Stack Overflow

Jquery UI sortable, button is not working as handle

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related