浅谈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 相关文章推荐
原生js写的放大镜效果
Aug 22 Javascript
在jQuery中 常用的选择器介绍
Apr 16 Javascript
js网页实时倒计时精确到秒级
Feb 10 Javascript
javascript屏蔽右键代码
May 15 Javascript
AngularJS身份验证的方法
Feb 17 Javascript
第一章之初识Bootstrap
Apr 25 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
Oct 04 Javascript
JavaScript阻止表单提交方法(附代码)
Aug 15 Javascript
Node.js利用断言模块assert进行单元测试的方法
Sep 28 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
Apr 12 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
Sep 14 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
Apr 11 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
推荐几部必看的DC动画电影
2020/03/03 欧美动漫
PHP使用get_headers函数判断远程文件是否存在的方法
2014/11/28 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
PHP面向对象程序设计模拟一般面向对象语言中的方法重载(overload)示例
2019/06/13 PHP
jQuery使用手册之三 CSS操作
2007/03/24 Javascript
js 禁用浏览器的后退功能的简单方法
2008/12/10 Javascript
jquery 1.4.2发布!主要是性能与API
2010/02/25 Javascript
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
select标签模拟/美化方法采用JS外挂式插件
2013/04/01 Javascript
浅谈关于JavaScript的语言特性分析
2013/04/11 Javascript
js实现正方形颜色从下往上升的效果
2014/08/04 Javascript
浅谈类似于(function(){}).call()的js语句
2015/03/30 Javascript
详解微信小程序Page中data数据操作和函数调用
2017/09/27 Javascript
vue + element-ui实现简洁的导入导出功能
2017/12/22 Javascript
react-native android状态栏的实现
2018/06/15 Javascript
微信小程序云开发获取文件夹下所有文件(推荐)
2019/11/14 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
2020/08/18 Javascript
element-ui tree结构实现增删改自定义功能代码
2020/08/31 Javascript
基于jQuery拖拽事件的封装
2020/11/29 jQuery
同时安装Python2 &amp; Python3 cmd下版本自由选择的方法
2017/12/09 Python
Python3中函数参数传递方式实例详解
2019/05/05 Python
树莓派极简安装OpenCv的方法步骤
2019/10/10 Python
Tensorflow tf.dynamic_partition矩阵拆分示例(Python3)
2020/02/07 Python
世界上最大的乐器零售商:Guitar Center
2017/11/07 全球购物
用JAVA SOCKET编程,读服务器几个字符,再写入本地显示
2012/11/25 面试题
工作的心得体会
2013/12/31 职场文书
如何写好升职自荐信
2014/01/06 职场文书
拾金不昧的表扬信
2014/01/16 职场文书
策划创业计划书
2014/02/06 职场文书
《天安门广场》教学反思
2014/04/23 职场文书
大学生党员个人总结
2015/02/13 职场文书
中学教师读书笔记
2015/07/01 职场文书
修改MySQL的默认密码的四种小方法
2021/05/26 MySQL
写一个Python脚本下载哔哩哔哩舞蹈区的所有视频
2021/05/31 Python
OpenCV-Python实现轮廓的特征值
2021/06/09 Python
Win11 25163.1010更新补丁KB5016904推送,测试服务验证管道(附更新修复汇总)
2022/07/23 数码科技