一款基於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...