浅谈js控制li标签排序问题 js调用php函数的方法

【Html代码】

<span style="font-size:14px;"><ul class="list-group"> 
   <? if ($categorys): ?>         
  <? foreach ($categorys as $category):?> 
    <li class="list-group-item" data-id="<? echo $category->id ?>"> 
      <? echo $category->name?> 
        <a href="<? echo site_url('group/category/delete?id=' . $category->id) ?>" onclick="<?echo lang('confirm')?>"> 
            <span class="glyphicon glyphicon-remove"></span></a> 
        </li>   
    <? endforeach;?>         
   <? else: ?> 
  <div class="alert alert-danger">暂时没有设置</div> 
   <? endif; ?> 
</ul></span> 

【js代码】

<span style="font-size:14px;">   <script> 
      require(["jquery","jqueryui"],function($) { 
        var d = window.top.dialog({ 
          content: '配置已更新' 
        }); 
        $(function() { 
          $( ".list-group").sortable({ 
            stop: function( event, ui ) { 
              data = ''; 
              $('li.list-group-item').each(function (){ 
                data += ',' + $(this).attr('data-id'); 
              }); 
              $.post('/group/category/listorder',{data:data}); 
              d.show(); 
              setTimeout(function () { 
                d.close(); 
              }, 1000); 
            } 
          }).disableSelection(); 
        }); 
      }); 
    </script></span> 

【php代码】

<span style="font-size:14px;">public function listorder() { 
    $data = explode(',', $this->input->post('data')); 
    $i = 1; 
    foreach ($data as $id) { 
      if (!$id) 
        continue; 
      $this->category_model->save($id, array( 
        'listorder' => $i, 
      )); 
      $i++; 
    } 
  } 
 
  public function delete() { 
    $id = $this->input->get('id'); 
    $this->category_model->delete($id); 
    messagebox(lang('success'), 'referer'); 
  }</span> 

以上就是小编为大家带来的浅谈js控制li标签排序问题 js调用php函数的方法全部内容了，希望大家多多支持北冥有鱼~

您可能感兴趣的文章:

• JS中数组重排序方法
• JavaScript实现链表插入排序和链表归并排序
• JavaScript排序算法动画演示效果的实现方法
• js利用appendChild对<li>标签进行排序的实现方法
• js基本算法:冒泡排序,二分查找的简单实例
• javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
• AngularJS 过滤与排序详解及实例代码
• JavaScript算法系列之快速排序（Quicksort）算法实例详解
• JavaScript 冒泡排序和选择排序的实现代码
• 基于javascript实现的快速排序