jQuery EasyUI Перетаскивание -Базовое перетаскивание

В этом руководстве показано, как сделать HTML-элементы перетаскиваемыми. В этом примере мы создадим три элемента DIV, а затем включим их перетаскивание.

Сначала мы создаём три элемента <div>:

    <div id="dd1" class="dd-demo"></div>
    <div id="dd2" class="dd-demo"></div>
    <div id="dd3" class="dd-demo"></div>

Для первого элемента <div> мы делаем его перетаскиваемым, используя значения по умолчанию.

    $('#dd1').draggable();

Для второго элемента <div> мы делаем его перетаскиваемым, создавая прокси, который клонирует исходный элемент.

    $('#dd2').draggable({
        proxy:'clone'
    });

Для третьего элемента <div> мы делаем его перетаскиваемым, создавая пользовательский прокси.

    $('#dd3').draggable({
        proxy:function(source){
            var p = $('<div class="proxy">proxy</div>');
            p.appendTo('body');
            return p;
        }
    });

Скачать примеры jQuery EasyUI

jeasyui-dd-basic.zip