Базовый плагин jQuery EasyUI -Draggable

jQuery EasyUI 插件Плагин jQuery EasyUI

Переопределите значения по умолчанию через $.fn.draggable.defaults.

Использование

Создавайте перетаскиваемые элементы с помощью разметки.

<div id="dd" class="easyui-draggable" data-options="handle:'#title'" style="width:100px;height:100px;">
    <div id="title" style="background:#ccc;">title</div>
</div>

Создание перетаскиваемых элементов с помощью JavaScript.

<div id="dd" style="width:100px;height:100px;">
    <div id="title" style="background:#ccc;">title</div>
</div>

$('#dd').draggable({
    handle:'#title'
});

Свойства

Name Type Описание Значение по умолчанию
proxy string,function Прокси-элемент, используемый при перетаскивании. Если задано значение 'clone', клонированный элемент используется в качестве прокси. Если указана функция, она должна возвращать объект jQuery.
В приведённом ниже примере показано, как создать простой прокси-объект.
$('.dragitem').draggable({
    proxy: function(source){
        var p = $('<div style="border:1px solid #ccc;width:80px"></div>');
        p.html($(source).html()).appendTo('body');
        return p;
    }
});
null
revert логическое значение Если установлено значение true, элемент вернётся в исходное положение по окончании перетаскивания. false
cursor string CSS-курсор, используемый при перетаскивании. move
deltaX число Позиция перетаскиваемого элемента по оси X относительно текущего курсора. null
deltaY число Позиция перетаскиваемого элемента по оси Y относительно текущего курсора. null
handle selector handle, используемый для начала перетаскивания. null
disabled логическое значение Если задано true, отключает draggable. false
edge число Ширина, в пределах которой можно начать перетаскивание. 0
axis string Определяет axis, по которому может перемещаться перетаскиваемый элемент. Доступные значения: 'v' или 'h'. Если задано null, перемещение происходит по обоим направлениям 'v' и 'h'. null

Events

Name Parameters Описание
onBeforeDrag e Срабатывает перед перетаскиванием; возврат false отменяет перетаскивание.
onStartDrag e Срабатывает, когда целевой объект начинает перетаскивание.
onDrag e Срабатывает во время перетаскивания. Возврат false не выполнит фактическое перетаскивание.
onStopDrag e Срабатывает, когда перетаскивание останавливается.

Методы

Name Parameters Описание
options none Возвращает свойство options.
proxy none Возвращает прокси перетаскивания, если свойство proxy задано.
enable none Включить действие перетаскивания.
disable none Отключить действие перетаскивания.
jQuery EasyUI 插件jQuery EasyUI Plugin Другие расширения