淺談js控制li標(biāo)簽排序問題 js調(diào)用php函數(shù)的方法

更新時間：2016年10月16日 09:22:55 投稿：jingxian

下面小編就為大家?guī)硪黄獪\談js控制li標(biāo)簽排序問題 js調(diào)用php函數(shù)的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

【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">暫時沒有設(shè)置</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>

以上就是小編為大家?guī)淼臏\談js控制li標(biāo)簽排序問題 js調(diào)用php函數(shù)的方法全部內(nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

在JavaScript里嵌入大量字符串常量的實現(xiàn)方法
在JavaScript文件里嵌入大量字符串常量是經(jīng)常遇到的事。有時為了省事，就把一些界面的HTML和CSS直接寫在JS文件里
2013-07-07
微信小程序JS加載esmap地圖的實例詳解
這篇文章主要介紹了微信小程序JS加載esmap地圖的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-09-09
一分鐘理解js閉包
一分鐘理解js閉包，關(guān)于js閉包的內(nèi)容介紹了很多，本文帶著大家快速理解什么是js閉包，感興趣的小伙伴們可以參考一下
2016-05-05
JS實現(xiàn)深拷貝和淺拷貝的方式詳解
深拷貝和淺拷貝是面試中經(jīng)常出現(xiàn)的,主要考察對基本類型和引用類型的理解深度,本文主要給大家介紹了js實現(xiàn)深拷貝和淺拷貝的方式,需要的朋友可以參考下
2022-05-05
JavaScript使用atan2來繪制箭頭和曲線的實例
下面小編就為大家?guī)硪黄狫avaScript使用atan2來繪制箭頭和曲線的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
js關(guān)閉模態(tài)窗口刷新父頁面或跳轉(zhuǎn)頁面
點擊按鈕時，彈出B窗口（模態(tài)）。在B窗口中添加數(shù)據(jù)，提交后，要求B窗口自關(guān)閉，然后刷新A窗口（父），需要的朋友可以了解下
2012-12-12
layui中的switch開關(guān)實現(xiàn)方法
今天小編就為大家分享一篇layui中的switch開關(guān)實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
復(fù)制js對象方法(詳解)
復(fù)制js對象方法，需要的朋友可以參考下
2013-07-07
原生js實現(xiàn)新聞列表展開/收起全文功能
本文主要介紹了原生js實現(xiàn)新聞列表展開/收起全文功能的知識要點、注意事項以及完整代碼。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
通過繼承IHttpHandle實現(xiàn)JS插件的組織與管理
最近，項目中的用到的Js插件越來越多，有的是用原生javascript寫的，有的是調(diào)用的jquery插件，頁面上Js和Css文件的引用也越來越混亂，而且Js文件之間還有引用先后的依賴關(guān)系
2010-07-07