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

<span style="font-size:14px;"><ul class="list-group"> 
   <"list-group-item" data-id="<"> 
      <"<" onclick="<"> 
            <span class="glyphicon glyphicon-remove"></span></a> 
        </li>   
    <"alert alert-danger">暂时没有设置</div> 
   <"htmlcode">

<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函数的方法全部内容了，希望大家多多支持~