一款基於js jquery標籤拖拽排序小組件

2022-08-23 23:18:13 字數 716 閱讀 2346

這是乙個基於jquery寫的拖拽小組件，寫了大概兩三天，剛好可以在前端方面練練手。拖拽原理是使用絕對定位+滑鼠元素位置實現。

使用1.新建配置

let option =,


draglist: ,


}
2.建立物件

建立乙個id為test1的div元素
建立乙個dragbox物件，並初始化

let oj = dragbox.init(document.getelementbyid('test1'))
3.使用第一步設定的配置

oj.setoption(option)
4.獲取拖拽後的排序資料

console.log(oj.getcurrentdata()) //


print:['item1', 'item2', 'item3', 'item4', 'item5', 'item6', 'item7']
5.繫結拖拽完成後觸發的方法(繫結多個，按順序執行)

function


test1() 


function


test2() 


oj.bindfunction(test1, test2)

推薦一款網遊

三月王朝 也叫帝國霸略 挺不錯的，優點 20 多人約好晚上一起打都城，很帶勁。qq飛車採用了世界級的物理引擎physx，採納專業車手的建議，手感全面超越市場領先產品。qq飛車完全免費，qq號碼即可登陸。專為qq使用者設計的時尚的人物造型，爽快的漂移快感，帥哥與美女同在，速度與激情並存，帶你進入眩目的...

修正一款php webshell

if empty post newcontent ph4ckp v2.0 by pr0cess modified ph4ckp v2.0 modified operating system echo php os server name server ip server time server po...

一款基於jquery固定於頂部的導航

今天給大家分享一款基於jquery固定於頂部的導航，這款導航當瀏覽器滾動條位於頂部時，導航高度較高，當瀏覽器滾動向下滾動時，導航高度自動減低，並位於頂部。效果圖如下 實現的 html div id page div id data 0 height 192px data 128 height 64p...