drag and drop сортировка многоуровневого меню категорий

@tPORt · Регистрация: 05.07.2013

Author24 — интернет-сервис помощи студентам

Добрый день!

Есть задача сделать сортировку многоуровневого меню, список выглядит примерно так:

HTML5

<ul>
    <li><a href="#">Item 1</a>  
        <ul class="parent">
            <li><a href="#">Item 1</a></li>
            <li><a href="#">Item 2</a></li>
            <li><a href="#">Item 3</a>
                <ul class="ul1">
                    <li class="drag-me"><a href="#">Item 1</a></li>
                    <li><a href="#">Item 2</a></li>
                    <li><a href="#">Item 3</a></li>
                    <li><a href="#">Item 4</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="#">Item 2</a></li>
    <li><a href="#">Item 3</a></li>
    <li><a href="#">Item 4</a></li>
    <li><a href="#">Item 5</a></li>
        <!-- <li class="drag-me"><a href="#">Item 1</a></li> -->
</ul>

Нашел такую прекрасную вещь как jquery sortable, но она к сожалению не позволяет допустим li.drag-me переместить туда где комментарий внизу кода ( а может просто я не понимаю как это сделать ). То что у меня получилось сделать это либо переместить li.drag-me внутри ul.ul1 либо переместить полностью ul.ul1 между ul.parent > li.

Поделитесь пожалуйста опытом кто делал подобное как это проще всего воплотить в реальность что бы без велосипедов и прочей ерунды.

	07.09.2013, 10:25