浅谈js控制li标签排序问题 js调用php函数的方法
2019/6/27 21:42:37
本文主要是介绍浅谈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.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函数的方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set