jQuery UI Sortable: possible to sort on <button> sub-elements

Question

I have a table which I succeeded in making sortable with the Sortable JQueryUI functionality.

My question is : is there a way to sort the elements of this table by clicking and holding sub-elements (in my case, buttons in the lines of the table) ?

Thanks in advance for your answers !

You can surely, could you set up a jsfiddle for us to help u? — felipekm
– felipekm, Commented Jan 6, 2014 at 17:00

Irvin Dominin · Accepted Answer · 2014-01-06 17:23:59Z

2

With span, div, td, and other elements works fine.

On buttons y default is not possible because the cancel option is set to input,textarea,button,select,option so the button will not handle the sortable.

Ref:

Prevents sorting if you start on elements matching the selector.

You can set it to empty string, or set a string without button and it will work

Code:

$("#languages tbody").sortable({
    cancel: ''
}).disableSelection();

Demo: http://jsfiddle.net/IrvinDominin/9XDVM/

answered Jan 6, 2014 at 17:23

Irvin Dominin

31k9 gold badges83 silver badges114 bronze badges

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

2 Comments

Pierre-Yves Le Dévéhat Over a year ago

OK, I didn't express myself very well, but your answer helped me. I should have specified « is there a way to sort the elements of this table by clicking and holding only certain sub-elements ». In my case the cancel selector is : 'td:not(.clickable-zone)'.

Irvin Dominin Over a year ago

@Pierre-YvesLeDévéhat glad to help you; I changed a bit title, if you want you can change it too or add more code

Collectives™ on Stack Overflow

jQuery UI Sortable: possible to sort on <button> sub-elements

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related