国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

通過jquery-ui中的sortable來實(shí)現(xiàn)拖拽排序的簡單實(shí)例

2019-11-20 09:55:56
字體:
供稿:網(wǎng)友

1.引入文件

<script src="{sh::PUB}js/jquery-1.10.1.min.js"></script><link rel="stylesheet" href="Public/css/jquery-ui.min.css"><script src="{sh::PUB}js/jquery-ui.min.js"></script>

2.給元素附上sortable類

<tbody class="sortable">  <tr></tr>  <tr></tr> </tbody>

3.開啟并配置

$(function() {  $(".sortable").sortable({    cursor: "move",    items: "tr", //只是tr可以拖動(dòng)    opacity: 0.6, //拖動(dòng)時(shí),透明度為0.6    revert: true, //釋放時(shí),增加動(dòng)畫    update: function(event, ui) { //更新排序之后      var categoryids = $(this).sortable("toArray");      var $this = $(this);      $.ajax({        url: '{sh::U("AgentGoods/ajax","todo=categoryDragsort")}',        type: 'POST',        data: 'categoryids=' + categoryids,        success: function(json) {          if (json == 1) {            layer.msg('移動(dòng)成功', {              icon: 1            });          } else {            $this.sortable("cancel");            layer.msg('移動(dòng)失敗', {              icon: 2            });          }        }      });    }  });  $(".sortable").disableSelection();});

4.后臺(tái)處理

$categoryids  = $this->_post('categoryids');$categoryidsArr = explode(",",$categoryids);foreach ($categoryidsArr as $k => $v) {  $data['sort'] = count($categoryidsArr) - $k;  $data['id']  = $v;  M('Agentgoods_category')->where(array('id'=>$v))->save($data);}exit('1');

小結(jié):這種排序,不是交換,而是徹底的整體調(diào)整

以上這篇通過jquery-ui中的sortable來實(shí)現(xiàn)拖拽排序的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持武林網(wǎng)。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 霍山县| 鲁甸县| 临沂市| 高平市| 白朗县| 吉林省| 区。| 华池县| 临西县| 文山县| 凤阳县| 乐业县| 乌鲁木齐市| 梓潼县| 永兴县| 微博| 托克托县| 资溪县| 嘉祥县| 东光县| 平昌县| 四会市| 南京市| 永定县| 沙坪坝区| 塔城市| 轮台县| 洱源县| 瑞金市| 五常市| 玛沁县| 册亨县| 洛南县| 昌都县| 宜都市| 定边县| 西城区| 武功县| 张北县| 宁明县| 凤山县|