寫了一個拖動排序插件

2023年2月21日 142次阅读 来源: 何以

drag.js

drag.js是一款拖動排序插件，適配pc端和手機端。
demo地點 —https://tls1234.github.io/drag

html 構造

<ul class="item-group">
   <li class="item">item1</li>
   <li class="item">item2</li>
   <li class="item">item3</li>
   <li class="item">item4</li>
   <li class="item">item5</li>
</ul>

用法  

只需要new一個 Drag()對象

new Drag( )

參數

第一個參數為ul元素
第二個參數為一個Object對象 (此對象可省略，則啟用默許設置)
个中 supernatant為拖動時刻的浮層元素的一些款式設置項， select為底層選中的元素款式設置項

var drag = new Drag('.item-group', {
        supernatant: {
            boxShadow : "0 4px 10px #DEDADA",
            background : '#fff',
            opacity: '0.8'
        },
        select: {
            background: '#efefef'
        }
    })

迎接star https://github.com/tls1234/drag

    原文作者：何以
    原文地址: https://segmentfault.com/a/1190000014317831
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞