Řazení elementů pomocí jquery drag and drop – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravím,

řadím elementy li pomocí drag and drop. Funguje mi dragstart (alert "a", vyskočí), ale drop bohužel ne. Chci se vyhnout použití sortable. V čem může být chyba? Díky moc.

$('li').each(function() {
      
        $(this).bind('dragstart', function(e) {
           dragElement = this;
           alert('a');
        }); 

        $(this).bind('drop', function(e) {
           $(this).insertBefore(dragElement);
           alert('b');
        }); 
       
    });

            <ul>
                <li draggable="true"><a class="item" href="skladba01.ogg">song 1</a></li>
                <li draggable="true"><a class="item" href="skladba02.ogg">song 2</a></li>
                <li draggable="true"><a class="item" href="skladba03.ogg">song 3</a></li>
                <li draggable="true"><a class="item" href="skladba04.ogg">song 4</a></li>
            </ul>

Poradil bych ti použít sortable z jQuery UI.