麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

jquery sortable的拖動(dòng)方法示例詳解

2019-11-20 21:14:18
字體：大 中 小
供稿：網(wǎng)友
所有的事件回調(diào)函數(shù)都有兩個(gè)參數(shù)：event和ui，瀏覽器自有event對象，和經(jīng)過封裝的ui對象
ui.helper - 表示sortable元素的JQuery對象，通常是當(dāng)前元素的克隆對象
ui.position - 表示相對當(dāng)前對象，鼠標(biāo)的坐標(biāo)值對象{top,left}
ui.offset - 表示相對于當(dāng)前頁面，鼠標(biāo)的坐標(biāo)值對象{top,left}
ui.item - 表示當(dāng)前拖拽的元素
ui.placeholder - 占位符（如果有定義的話）
ui.sender - 當(dāng)前拖拽元素的所屬sortable對象（僅當(dāng)元素是從另一個(gè)sortable對象傳遞過來時(shí)有用）

?參數(shù)（參數(shù)名 : 參數(shù)類型 : 默認(rèn)值）
appendTo : String : 'parent'
Defines where the helper that moves with the mouse is being appended to during the drag (for example, to resolve overlap/zIndex issues).
初始：$('.selector').sortable({ appendTo: 'body' });
獲取：var appendTo = $('.selector').sortable('option', 'appendTo');
設(shè)置：$('.selector').sortable('option', 'appendTo', 'body');

axis : String : false
如果有設(shè)置，則元素僅能橫向或縱向拖動(dòng)。可選值：'x', 'y'
初始：$('.selector').sortable({ axis: 'x' });
獲取：var axis = $('.selector').sortable('option', 'axis');
設(shè)置：$('.selector').sortable('option', 'axis', 'x');

cancel : Selector : ':input,button'
阻止排序動(dòng)作在匹配的元素上發(fā)生。
初始：$('.selector').sortable({ cancel: 'button' });
獲取：var cancel = $('.selector').sortable('option', 'cancel');
設(shè)置：$('.selector').sortable('option', 'cancel', 'button');

connectWith : Selector : false
允許sortable對象連接另一個(gè)sortable對象，可將item元素拖拽到另一個(gè)中。
初始：$('.selector').sortable({ connectWith: '.otherlist' });
獲取：var connectWith = $('.selector').sortable('option', 'connectWith');
設(shè)置：$('.selector').sortable('option', 'connectWith', '.otherlist');

containment : Element, String, Selector : false
約束排序動(dòng)作只能在一個(gè)指定的范圍內(nèi)發(fā)生。可選值：DOM對象, 'parent', 'document', 'window', 或jQuery對象
初始：$('.selector').sortable({ containment: 'parent' });
獲取：var containment = $('.selector').sortable('option', 'containment');
設(shè)置：$('.selector').sortable('option', 'containment', 'parent');

cursor : String : 'auto'
定義在開始排序動(dòng)作時(shí)，如果的樣式。
初始：$('.selector').sortable({ cursor: 'crosshair' });
獲取：var cursor = $('.selector').sortable('option', 'cursor');
設(shè)置：$('.selector').sortable('option', 'cursor', 'crosshair');

cursorAt : Object : false
當(dāng)開始移動(dòng)時(shí)，鼠標(biāo)定位在的某個(gè)位置上（最多兩個(gè)方向）。可選值：{ top, left, right, bottom }.
初始：$('.selector').sortable({ cursorAt: 'top' });
獲取：var cursorAt = $('.selector').sortable('option', 'cursorAt');
設(shè)置：$('.selector').sortable('option', 'cursorAt', 'top');

delay : Integer : 0
以毫秒為單位，設(shè)置延遲多久才激活排序動(dòng)作。此參數(shù)可防止誤點(diǎn)擊。
初始：$('.selector').sortable({ delay: 500 });
獲取：var delay = $('.selector').sortable('option', 'delay');
設(shè)置：$('.selector').sortable('option', 'delay', 500);

distance : Integer : 1
決定至少要在元素上面拖動(dòng)多少像素后，才正式觸發(fā)排序動(dòng)作。
初始：$('.selector').sortable({ distance: 30 });
獲取：var distance = $('.selector').sortable('option', 'distance');
設(shè)置：$('.selector').sortable('option', 'distance', 30);

dropOnEmpty : Boolean : true
是否允 主站蜘蛛池模板： 伊人久操视频 | 九九热视频在线免费观看 | 九九热在线精品视频 | 精品久久中文字幕 | av久草| 国产一级毛片视频在线! | 精品一区久久久 | 国产91一区| 成人午夜在线免费观看 | 久草资源在线观看 | 涩涩激情网 | 日产精品久久久一区二区开放时间 | 国产1区2| 毛片在线免费 | 成人福利在线观看 | 久草在线视频看看 | 黄在线观看在线播放720p | 久草资源在线观看 | 黄色片网站免费 | 午夜视频在线观看免费视频 | 国产一区精品在线观看 | 国产69精品久久久久9999不卡免费 | 国产美女精品视频 | 国产午夜精品在线 | 精品xxxx户外露出视频 | 一级成人欧美一区在线观看 | www69xxxxx| 成人在线视频一区 | 色就操| 精品一区二区三区免费看 | 91香蕉影视| 日本在线播放一区二区三区 | 黄视频网站免费在线观看 | 黄色美女网站免费看 | 国产一级毛片高清视频完整版 | 日韩毛片免费观看 | 中国女人内谢8xxxxxx在 | 成人福利在线视频 | 九草av| 欧美城网站地址 | 国产精品一区在线免费观看 |