Listen sortieren 01 - nur innerhalb

Sortiert mehrere Listen innerhalb der eigenen Liste

by juErik

HTML

<ul class="sortable">
  <li>1</li>
  <li>2</li>
  <li>3
      <ul class="sortable">
        <li>3.1</li>
        <li>3.2</li>
        <li>3.3      
            <ul class="sortable">
                <li>3.3.1</li>
                <li>3.3.2</li>     
            </ul>
       </li>
        <li>3.4</li>       
    </ul>
  </li>
  <li>4</li>
</ul>

CSS

ul { list-style-type: none; margin: 5px; padding: 5px; margin-bottom: 10px; }
li { margin: 5px; padding: 5px; width: 150px; display:block; }
ul li { background-color:#efefef; }
ul li ul li { background-color:#567; }
ul li ul li ul li { background-color:#abc; }

JavaScript

/* Listen sortieren nur innerhalb seiner Liste / Unterliste */

$(function() {
    $( ".sortable" ).sortable({
        revert: false
    });
    $( "#draggable" ).draggable({
        connectToSortable: "#sortable",
        helper: "clone",
        revert: "invalid"
    });
    $( "ul, li" ).disableSelection();
});