jqueryuidraggable参数表(国外英文资料).docVIP

jqueryuidraggable参数表(国外英文资料) Default setting value: $.extend ($.ui.draggable, {) Version: 1.7.1, EventPrefix: drag, Defaults: { AddClasses: true, AppendTo: parent, Axis: false, Cancel:: input, option, ConnectToSortable: false, Containment: false, Cursor: auto, CursorAt: false, Delay: 0, Distance: 1, Grid: false, Handle: false, Helper: original, IframeFix: false, Opacity: false, RefreshPositions: false, Revert: false, RevertDuration: 500, Scope: default, Scroll: true, ScrollSensitivity: 20, ScrollSpeed: 20, Snap: false, SnapMode: both, SnapTolerance: 20, Stack: false, ZIndex: false } }); ============================================================ Default: $(#draggable).Draggable (); ============================================================ Events: Var $start_counter = $(#event-start), $drag_counter = $(#event-drag), $stop_counter = $(#event-stop); Var counts = [0,0,0]; $(#draggable).Draggable ({) Start:, function () { Counts[0]++; UpdateCounterStatus ($start_counter, counts[0]); }, Drag:, function () { Counts[1]++; UpdateCounterStatus ($drag_counter, counts[1]); }, Stop:, function () { Counts[2]++; UpdateCounterStatus ($stop_counter, counts[2]); } }); }); Function updateCounterStatus ($event_counter, new_count) { Update the status visually / / first... If ($event_counter.hasClass (ui-state-hover)) { $event_counter.addClass (ui-state-hover) .siblings ().RemoveClass (ui-state-hover); } / /... Then update the numbers $(span.count, $event_counter).Text (new_count); ============================================================ Constrain-movement (limited range movement): $(#draggable).Draggable (Y {axis:}); / / Y axis $(#draggable2).Draggable (X {axis:}); / / X axis $(#draggable3).Draggable ({containment:}, scroll: false #containment-wrapper); / / not scroll $(#draggable4).Draggable ({containment: #demo-frame}); $(#draggable5).Draggable (parent {containment:}); / / limit in patriarchal framework ============================================================ Delay-start