/Nestable2RTL

New pickup of RTL Nestable!

Primary LanguageJavaScript

Nestable2RTL

New pickup of RTL Nestable!

basic and ltr version : https://github.com/RamonSmit/Nestable2 - Something changed to use RTL.

Drag & drop hierarchical list with mouse and touch compatibility (jQuery / Zepto plugin)

Usage

Write your nested HTML lists like so:

<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" data-foo="bar">
                    <div class="dd-nodrag">Item 5</div>
                </li>
            </ol>
        </li>
    </ol>
</div>

Then activate with jQuery like so:

$('.dd').nestable({ /* config options */ });

more detail : https://github.com/RamonSmit/Nestable2#usage