Home/ Questions/Q 8344075
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T06:15:17+00:00

I’m building a jQuery based tree menu using jQuery sortable(). Here is my current

  • 0

I’m building a jQuery based tree menu using jQuery sortable(). Here is my current code: http://jsfiddle.net/8KDur/.

As you see, the sortable function works fine.

But, the ui-behavior while dragging a tree li-item over the other tree items doesn’t work the way I wish too. I want the li-items to stay still and the border between them highlight while dragging. Indicating between which items it will be placed.

So, how do I get the items to stay still while dragging?

I’d rather not use plugins for this.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use the placeholder option to specify a CSS class to use as the border between the items. Then, set helper to 'clone' which will create a duplicate of the list item you are dragging. By default, jQuery UI will hide the helper using an in-line display: none, so it may be necessary to override that if you want the list item to remain visible and static.

    http://jsfiddle.net/8KDur/33/

    • 0