Sortable Div Containment Problem

Sortable Div Containment Problem

  1. <script type="text/javascript">
    $(document).ready(function() {

        $("#listA").sortable({
                connectWith: ['#SUBA']
                //, containment: '#listA'
            });

        $("#SUBA").sortable({
                connectWith: ['#listA']           
            });
             
    });
    </script>












  2. <div id="listA"  style="z-index: 20; padding-bottom:100px;">
        <div>hans1</div>
        <div>hans1</div>
        <div>hans1</div>
        <div>hans1</div>
        <div>hans1</div>
        <div>hans1
                <div style=" padding-top: 40px; margin-left: 40px;" id="SUBA">
                    <div>sub_hans2</div>
                    <div>sub_hans2</div>
                    <div>sub_hans2</div>
                    <div>sub_hans2</div>
                    <div>sub_hans2</div>
                </div>
        </div>
    </div>

















Es geht hier um die UI - Sortable Funktion, welche Elemente von der einen zur anderen Ebene schieben sollte.
Das funktioniert auch, doch ein Problem besteht, wenn ich ein Element in in die SUB schiebe, spinnt er völlig rum und ich kann das Element nur ganz oben in der Sub oder ganz unten in der Sub einordnen.
Dann habe ich nach langer Recherche gelesen, dass es an dem Containment liegt, das habe ich versucht, also dem listA das Containment auf listA zu legen, funktioniert gut.
Aber jetzt ist das Problem genau anderstrum, jetzt lassen sich aus der Sub nur noch schwierig Elemente rausschieben.

Über eine Antwort würd ich mich freuen.
Nein will nicht auf fertige Li-Nesteds zurückgreifen.


Vielen Dank