لیست سلسله مراتبی را با سازگاری با ماوس و لمس بکشید و رها کنید. صفحه نسخه ی نمایشی.

<!-- Style -->
<link rel="stylesheet" href="vendors/nestable/nestable.css" type="text/css">

<!-- Javascript -->
<script src="vendors/nestable/jquery.nestable.js"></script>
<div class="dd">
    <ol class="dd-list">
        <li class="dd-item" data-id="1">
            <div class="dd-handle">مورد1</div>
        </li>
        <li class="dd-item" data-id="2">
            <div class="dd-handle">مورد2</div>
        </li>
        <li class="dd-item" data-id="3">
            <div class="dd-handle">مورد3</div>
            <ol class="dd-list">
                <li class="dd-item" data-id="4">
                    <div class="dd-handle">مورد4</div>
                </li>
                <li class="dd-item" data-id="5">
                    <div class="dd-handle">مورد5</div>
                </li>
            </ol>
        </li>
    </ol>
</div>
$('.dd').nestable({ /* config options */ });
دسته قابل حمل
  1. مورد 1
  2. مورد 2
  3. مورد 3
    1. مورد 4
    2. مورد 5
    3. مورد 6
دسته قابل حمل
  1. مورد 13
  2. مورد 14
  3. مورد 15
    1. مورد 16
    2. مورد 17
    3. مورد 18