jQuery Dynamic

联合创作 · 2023-10-02

Dragable, Dropable and Resizeable plugins in one pack.

$('#object').dragable({
clone: true,
opacity: 0.5,
target: '#otherobject',
over: function( obj, target ) {...},
out: function( obj, target ) {...},
drop: function ( obj , target) {...}
}).resizeable();

Parameters list:

* direction, resizeDirection - 'h' or 'v'
* edge - {x1, x2, y1, y2}
* start, move, end - dragable callback functions( o ) // start(o, dom event), move(o, dom event)
* over, moveover, out, drop - dropable target callback functions( o , target jquery object )
* resizeStart, resize, resizeEnd - resizeable callback functions( o )
* handlerPosition - custom function(o, handler jquery object) for setting the resize handler position
* moveHandler - move handler object / whatever that might be given to $()
* moveHandlerOutside - bool (false by default) - tells plugin to look moveHandler (jquery selector) outside of elem object (useful with mass dragging)
* / if not set, plugin will look inside of elem - $(moveHandler, o.elem)
* target - collection of target objects for dropping / whatever that might be given to $()
* renewTarget - target collection should be renewed before moving
* tolerance - 'intersect', 'leftcorn', 'pointer' - the way two object should intersect / todo: more modes
* clone - bool or callback(o, new jquery object) - do not drag the actual object, use clone
* cloneRemove - callback(o, cloned jquery object) - called before object.remove();
* / if returns false, object.remove() will not be called and also the position of the original element will not be updated
* / useful for drag'n'drop creation of objects
* moveReplacer - jquery object / can be used instead of clone / if both set, plugin will choose replacer
* / clone and cloneRemove callbacks, if set, will be called too with the same logic
* / moveReplacer will not be removed from dom anyway
* opacity, initialOpacity - (string) double - opacity of dragged object ( default element, cloned element, or replacer element - no matter)
* zIndex - if set, it will be used while dragging, and initial z-index from style will be restored on mouseup event
* proportion, min, max - {w, h}
* resizeHandlerClass - initial class for resize handler
* parent - jquery object of parent element / if edge is not set, it will be taken from parent element

浏览 4
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报