Response title
This is preview!
I'm building out a method to create and modify menus using jQuery sortable similar to how they do it in wordpress. It allows to move list items to and from submenus.
Example html of the list:<ul class="sortable1 connectedSortable"> <li id="item1" class="ui-state-default">Item 1 <ul class="sortable2 connectedSortable"> <li class="ui-state-default ui-state-disabled" >submenu</li> </ul> </li> <li id="item2" class="ui-state-default">Item 2 <ul class="sortable2 connectedSortable"> <li class="ui-state-default ui-state-disabled" >submenu</li> <li id="subitem1" class="ui-state-default">Sub Item 1</li> <li id="subitem2" class="ui-state-default">Sub Item 2</li> </ul> </li>
I got it working in all browsers but IE7 and IE8. In IE8 when I click and drag one of the list items the placeholder is getting duplicated, sometimes 3 times. So instead of just showing one where you can drop the list item, I'm seeing 2 or 3 stacked. Similar oddities are happening with IE7.
You can view the source to see how I'm generating new list items.
Any ideas?
1