Draggable :: Переноситель
Тесты по теории Элемент Переноситель (Draggable) плагина UI библиотеки jQuery.
Тест 001 :: Переноситель Дефолтный :: $( "#draggable001" ).draggable();
Тест 002 ::
$( "#draggable002" ).draggable({ addClasses: false });
$( "#draggable002" ).draggable({ addClasses: false });
Тест 003 ::
$( "#draggable003" ).draggable({ axis: "x" });
$( "#draggable003" ).draggable({ axis: "x" });
Тест 004 ::
$( "#draggable004" ).draggable({ containment: "parent" });
$( "#draggable004" ).draggable({ containment: "parent" });
Тест 005 ::
$( "#draggable005" ).draggable({ cursor: "crosshair" });
$( "#draggable005" ).draggable({ cursor: "crosshair" });
Тест 006 ::
$( "#draggable006" ).draggable({ cursorAt: { right: 500 } });
$( "#draggable006" ).draggable({ cursorAt: { right: 500 } });
Тест 007 ::
$( "#draggable007" ).draggable({ handle: "h2" });
$( "#draggable007" ).draggable({ handle: "h2" });
Тест 008 ::
$( "#draggable008" ).draggable({ helper: "clone" });
$( "#draggable008" ).draggable({ helper: "clone" });
Тест 009 ::
$( "#draggable009" ).draggable({ opacity: 0.35 });
$( "#draggable009" ).draggable({ opacity: 0.35 });
Тест 010 ::
$( "#draggable010" ).draggable({ revert: true });
$( "#draggable010" ).draggable({ revert: true });
Тест 011 ::
$( "#draggable011" ).draggable({ snap: true });
$( "#draggable011" ).draggable({ snap: true });
На данной страничке ряд тестов Переноситель (Draggable). Играем опциями: axis (Устанавливает переноску либо по горизонтальной оси (x), либо по вертикальной оси (y). Возможные значения: "x", "y".); containment (Определяет границы переноса внутри определенного элемента или области.); cursor
(Вид курсора по стандартам CSS в течение операции переноса.); opacity (Значение прозрачности для хелпера во время перетаскивания); и др.
Переноситель (Draggable)