jqueryuisortable如何實(shí)現(xiàn)拖拽后保存位置-創(chuàng)新互聯(lián)

這篇文章主要介紹了jquery ui sortable如何實(shí)現(xiàn)拖拽后保存位置，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)是一家專(zhuān)業(yè)提供隨州企業(yè)網(wǎng)站建設(shè),專(zhuān)注與成都網(wǎng)站建設(shè)、成都做網(wǎng)站、html5、小程序制作等業(yè)務(wù)。10年已為隨州眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

jqueryUI sortable 可以用來(lái)進(jìn)行頁(yè)面拖拽布局，然而有一個(gè)小問(wèn)題就是拖拽后如何保存狀態(tài)。

工作中遇到了這個(gè)情況，遍把這個(gè)問(wèn)題記了下來(lái)，具體思路是：

利用拖拽stop后利用

var arr = $( ".sortable" ).sortable('toArray');

記錄拖拽后的id數(shù)組順序，然后把這個(gè)數(shù)組存起來(lái)，可以存cookie,數(shù)據(jù)庫(kù)，localstorage等，刷新頁(yè)面后讀取這個(gè)數(shù)組，然后進(jìn)行重新排序。

具體的代碼如下可直接復(fù)制運(yùn)行。本文將數(shù)組保存在localstorage里面。

 
 
 
 
 
 
 
 
 


  
   
     
      
        
         放在這里