欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2016年05月24日 16:20:21   投稿：jingxian  
下面小編就為大家?guī)硪黄ㄟ^jquery-ui中的sortable來實(shí)現(xiàn)拖拽排序的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

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)拖拽排序的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論