浅谈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 相关文章推荐
从父页面读取和操作iframe中内容方法
Jul 25 Javascript
javascript 打开页面window.location和window.open的区别
Mar 17 Javascript
javascript学习笔记(二) js一些基本概念
Jun 18 Javascript
js判断屏幕分辨率的代码
Jul 16 Javascript
详解jquery uploadify 上传文件
Nov 09 Javascript
jQuery  ready方法实现原理详解
Oct 19 Javascript
bootstrap flask登录页面编写实例
Nov 01 Javascript
详解js的事件处理函数和动态创建html标记方法
Dec 16 Javascript
纯js实现倒计时功能
Jan 06 Javascript
详谈构造函数加括号与不加括号的区别
Oct 26 Javascript
在 Node.js 中使用 async 函数的方法
Nov 17 Javascript
vue实现配置全局访问路径头(axios)
Nov 01 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
全国FM电台频率大全 - 12 安徽省
2020/03/11 无线电
详解PHP实现执行定时任务
2015/12/21 PHP
通过javascript设置css属性的代码
2009/12/28 Javascript
基于jQuery的仿flash的广告轮播代码
2010/11/04 Javascript
面向对象继承实例(a如何继承b问题)(自写)
2013/07/01 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
2013/07/09 Javascript
基于javascript实现图片懒加载
2016/01/05 Javascript
javascript中异常处理案例(推荐)
2016/10/03 Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
2017/01/16 Javascript
JSON对象转化为字符串详解
2017/08/11 Javascript
vue 组件中slot插口的具体用法
2018/04/03 Javascript
浅谈React 服务器端渲染的使用
2018/05/08 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
2018/07/05 Javascript
解决Vue+Element ui开发中碰到的IE问题
2018/09/03 Javascript
详解在Javascript中进行面向切面编程
2019/04/28 Javascript
js时间转换毫秒的实例代码
2019/08/21 Javascript
vue中@change兼容问题详解
2019/10/25 Javascript
vue实现移动端input上传视频、音频
2020/08/18 Javascript
[49:27]LGD vs OG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python基础教程之简单入门说明(变量和控制语言使用方法)
2014/03/25 Python
python基础教程之对象和类的实际运用
2014/08/29 Python
python对url格式解析的方法
2015/05/13 Python
Python smallseg分词用法实例分析
2015/05/28 Python
关于Python元祖,列表,字典,集合的比较
2017/01/06 Python
对python 各种删除文件失败的处理方式分享
2018/04/24 Python
Pycharm连接远程服务器并实现远程调试的实现
2019/08/02 Python
python实现从ftp上下载文件的实例方法
2020/07/19 Python
一波HTML5 Canvas基础绘图实例代码集合
2016/02/28 HTML / CSS
Original Penguin英国官方网站:美国著名休闲时装品牌
2016/10/30 全球购物
澳大利亚百货公司:David Jones
2018/02/08 全球购物
Michael Kors加拿大官网:购买设计师手袋、手表、鞋子、服装等
2019/03/16 全球购物
吉列剃须刀英国官网:Gillette英国
2019/03/28 全球购物
房产销售独家委托书范本
2014/10/01 职场文书
教育项目合作协议书格式
2014/10/17 职场文书
十佳少年事迹材料
2014/12/25 职场文书
2015年世界无烟日活动方案
2015/05/04 职场文书