UiSortableList wirft Fehler

  • Ich versuche gerade UiSortableList zu implementieren, erhalte aber folgenden Fehler:

    Der genutzte Code ist folgender:

    Code
                new UiSortableList({
                    containerId: id, // id ist dynamisch
                    options: {
                        toleranceElement: '> div',
                        listType: 'ul'
                    }
                });

    Das HTML-Markup sieht so aus:

    Code
    <div class="formUploadHandlerContent sortableListContainer" id="wcf2">
        <ul class="formUploadHandlerList sortableList">
            <li class="box64 uploadedFile sortableNode">
                <a href="">...</a>
                <div>...</div>
            </li>
            ...
        </ul>
    </div>

    Jemand eine Idee?

    Hinweis: Das ganze befindet sich in einem FormBuilder, welche mehrere Tabs besitzt.

  • Das steckt leider sehr tief im Code von jQuery UI bzw. dem Nested Sortable Plugin, in dem Fall kann ich selbst auch nur mit einem Step-Debugger herausfinden, welches Element dort fehlt oder dem Code nicht in den Kram passt. Falls du mir einen vollständigen (idealerweise Live) Testcase liefern kannst, schaue ich bei Zeiten selbst rein, andernfalls kann ich dir ad hoc leider nur den Step-Debugger empfehlen.

    Alexander Ebert
    Senior Developer WoltLab® GmbH

  • Problem gefunden: Es gab noch tiefere <li>-Elemente, die auch versucht wurden sortierbar zu machen. Es sollte jedoch nur die erste Ebene von <li> sortierbar sein. Der items-Parameter hat dabei geholfen:

    Code
                new UiSortableList({
                    containerId: id,
                    isSimpleSorting: true,
                    options: {
                        toleranceElement: '> div',
                        listType: 'ul',
                        items: "> li"
                    }
                });

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!