浅谈js控制li标签排序问题 js调用php函数的方法
网络编程 2021-07-04 20:01www.168986.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家带来一篇浅谈js控制li标签排序问题 js调用php函数的方法。长沙网络推广觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随长沙网络推广过来看看吧
【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..dialog({ content: '配置已更新' }); $(function() { $( ".list-group").sortable({ s: 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('suess'), 'referer'); }</span>
以上就是长沙网络推广为大家带来的浅谈js控制li标签排序问题 js调用php函数的方法全部内容了,希望大家多多支持狼蚁SEO~
上一篇:JS实现动态增加和删除li标签行的实例代码
下一篇:JS实现禁止鼠标右键的功能
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程