jquery.ui.draggable Chinese document_jquery

Notes: 1. The following format is the established format. For the sake of uniformity, if modifications are needed, please discuss them 2. All items in the format are optional. If not, just leave it blank. 3. Since it is in XML format, you need to add 4. During the translation process, one piece corresponds to a tag. 5. I hope everyone has a happy work.

Copy code The code is as follows: Draggable的元素受影响css: ui-draggable, 拖动过程中的css: ui-draggable-dragging. 如果需要的不仅仅是拖, 而是一个完整的拖放功能, 请参阅JQuery UI 的Droppable插件, 该插件提供了一个draggable放的目标. 所有的回调函数(start, stop, drag等事件)接受两个参数: event: 浏览器原生的事件 ui: 一个JQuery的ui对象, 其中有以下主要属性 ui.helper: 正在拖动的元素的JQuery包装对象, ui.helper.context可以获取到原生的DOM元素. ui.position: ui.helper(也就是我们要拖动的元素)相对于父元素(包含自己的元素, 如果是顶层, 对应body)的偏移, 值是一个对象{top, left}---- that is, you can use ui.position.top to obtain the current offset of this element and parent element UI.Offset: and UI.Position. Offset (note, it is the content area, not the body area of html. By default, the body of html will be offset relative to offset in various browsers.)]]> ) optimize performance considerations when initializing many (hundreds) elements. However, the setting of this option will not affect the ui-draggable-dragging style and change the drag process style. true means that the ui-draggable style is added to the elements. 🎜> ![CDATA[Render the element selected by the .selector selector into a draggable control without adding ui-draggable style]]> $('.selector').draggable({ addClasses: false });]]> > ]]> t; ]> Initialization]]> ;![CDATA[$('.selector').draggable({ appendTo: 'body' });]]> Drag vertically]]> ; [Initialization]]> );]]> "Boolean"> able({ containment: ' parent' });]]> Process.]]> ATA[helps the user know the current dragging process The element at the position. That is, the element displayed with the mouse during dragging.]]> CDATA[Initialization]]> );]]> &n