لیست تو در تو
لیست تو در تو با قابلیت کشیدن و رها کردن توسط ماوس و لمس (پلاگین jQuery) صفحه دمو.
<!-- 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">Item 1</div>
</li>
<li class="dd-item" data-id="2">
<div class="dd-handle">Item 2</div>
</li>
<li class="dd-item" data-id="3">
<div class="dd-handle">Item 3</div>
<ol class="dd-list">
<li class="dd-item" data-id="4">
<div class="dd-handle">Item 4</div>
</li>
<li class="dd-item" data-id="5">
<div class="dd-handle">Item 5</div>
</li>
</ol>
</li>
</ol>
</div>
$('.dd').nestable({ /* config options */ });
دستگیره های قابل کشیدن
-
آیتم 1
-
آیتم 2
-
آیتم 3
-
آیتم 4
-
آیتم 5
-
آیتم 6
-
دستگیره های قابل کشیدن
-
لورم ایپسوم
-
لورم ایپسوم
-
لورم ایپسوم
-
لورم ایپسوم
-
لورم ایپسوم
-
لورم ایپسوم
-