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


Posted in Javascript onOctober 16, 2016

【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控制li标签排序问题 js调用php函数的方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
浅谈Javascript数组(推荐)
May 17 Javascript
12个非常实用的JavaScript小技巧【推荐】
May 18 Javascript
angular.js分页代码的实例
Jul 27 Javascript
CSS3 media queries结合jQuery实现响应式导航
Sep 30 Javascript
Node.js包管理器Yarn的入门介绍与安装
Oct 17 Javascript
D3.js进阶系列之CSV表格文件的读取详解
Jun 06 Javascript
详解windows下vue-cli及webpack 构建网站(三)使用组件
Jun 17 Javascript
JavaScript引用类型Function实例详解
Aug 09 Javascript
使用layer.msg 时间设置不起作用的解决方法
Sep 12 Javascript
浅析webpack-bundle-analyzer在vue-cli3中的使用
Oct 23 Javascript
vue实现自定义多选按钮
Jul 16 Javascript
JavaScript使用setTimeout实现倒计时效果
Feb 19 Javascript
JS实现禁止鼠标右键的功能
Oct 15 #Javascript
Vue.js快速入门实例教程
Oct 15 #Javascript
JavaScript随机生成颜色的方法
Oct 15 #Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
Oct 15 #Javascript
js控制div层的叠加简单方法
Oct 15 #Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
Oct 15 #Javascript
js控制li的隐藏和显示实例代码
Oct 15 #Javascript
You might like
php实现可以设置中奖概率的抽奖程序代码分享
2014/01/19 PHP
PHP+Mysql实现多关键字与多字段生成SQL语句的函数
2014/11/05 PHP
php获取QQ头像并显示的方法
2014/12/23 PHP
php+MySql实现登录系统与输出浏览者信息功能
2016/07/01 PHP
php实现微信公众号企业转账功能
2018/10/01 PHP
TreeView 用法(有代码)(asp.net)
2011/07/15 Javascript
js复制到剪切板的实例方法
2013/06/28 Javascript
使用javascript实现判断当前浏览器
2015/04/14 Javascript
Javascript数组Array方法解读
2016/03/13 Javascript
ionic实现带字的toggle滑动组件
2016/08/27 Javascript
基于JS实现checkbox全选功能实例代码
2016/10/31 Javascript
如何解决hover在ie6中的兼容性问题
2016/12/15 Javascript
JS实现移动端按首字母检索城市列表附源码下载
2017/07/05 Javascript
详解react-router4 异步加载路由两种方法
2017/09/12 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
2017/12/20 Javascript
vue 源码解析之虚拟Dom-render
2019/08/26 Javascript
在vue中使用vuex,修改state的值示例
2019/11/08 Javascript
利用JavaScript模拟京东按键输入功能
2020/12/01 Javascript
[02:03]DOTA2亚洲邀请赛 HGT战队出场宣传片
2015/02/07 DOTA
[02:12]Dota 2 推出全新英雄—— 电炎绝手
2019/08/23 DOTA
python杀死一个线程的方法
2015/09/06 Python
python语言的优势是什么
2020/06/17 Python
python代码区分大小写吗
2020/06/17 Python
pytorch查看模型weight与grad方式
2020/06/24 Python
pyx文件 生成pyd 文件用于 cython调用的实现
2021/03/04 Python
HTML5 history新特性pushState、replaceState及两者的区别
2015/12/26 HTML / CSS
印度尼西亚电子产品购物网站:Kliknklik
2018/06/05 全球购物
Arti-shopping中文官网:大型海外商品一站式直邮平台
2020/03/23 全球购物
水污染治理工程专业求职信
2014/06/14 职场文书
语文教研活动总结
2014/07/02 职场文书
2014院党委领导班子对照检查材料思想汇报
2014/09/24 职场文书
亲属关系公证书样本
2015/01/23 职场文书
会计出纳岗位职责
2015/03/31 职场文书
酒吧七夕情人节宣传语
2015/11/24 职场文书
护士年终工作总结不会写?各科护士模板总结
2020/01/02 职场文书
mongoDB数据库索引快速入门指南
2022/03/23 MongoDB