浅谈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中调用函数时加不加括号的问题，包括了浅谈js中调用函数时加不加括号的问题的使用技巧和注意事项，需要的朋友参考一下 其实总结起来如下： 函数只要是要调用它进行执行的，都必须加括号。此时，函数()实际上等于函数的返回值。当然，有些没有返回值，但已经执行了函数体内的行为，这个是根本，就是说，只要加括号的，就代表将会执行函数体代码。 不加括号的，都是把函数名称作为函数的指针，用于传参
-
本文向大家介绍浅谈js script标签中的预解析，包括了浅谈js script标签中的预解析的使用技巧和注意事项，需要的朋友参考一下 首先介绍预解析，虽然预解析字面意思很好理解，但是却是出坑出的最多的地方，也是bug经常会有的地方，利用好预解析的特性可以解决很多问题，并且提高代码的质量及数量，浏览器在解析代码前会把变量的声明和函数(整个函数体)提前到当前作用域的最顶端。 细节问题:在多对的scr
-
本文向大家介绍浅谈JS函数节流防抖，包括了浅谈JS函数节流防抖的使用技巧和注意事项，需要的朋友参考一下 在前端开发中有一部分的用户行为会频繁的触发事件执行，而对于DOM操作、资源加载等耗费性能的处理，很可能导致界面卡顿，甚至浏览器的崩溃。函数节流(throttle)和函数防抖(debounce)就是为了解决类似需求应运而生的。 函数节流(throttle) 函数节流就是预定一个函数只有在大于等于执
-
请问如何让ar1这种ip排序，js可以实现吗？ 另外，我希望是用换行符分割（现在是,分割），排序后也是一行一个。请问可以实现吗
-
本文向大家介绍浅谈js键盘事件全面控制，包括了浅谈js键盘事件全面控制的使用技巧和注意事项，需要的朋友参考一下 主要分四个部分 第一部分：浏览器的按键事件 第二部分：兼容浏览器 第三部分：代码实现和优化 第四部分：总结 第一部分：浏览器的按键事件 用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、 onkeypres
-
本文向大家介绍浅谈js构造函数的方法与原型prototype，包括了浅谈js构造函数的方法与原型prototype的使用技巧和注意事项，需要的朋友参考一下 把方法写在构造函数内的情况我们简称为函数内方法,把方法写在prototype属性上的情况我们简称为prototype上的方法。 •函数内的方法： 使用函数内的方法我们可以访问到函数内部的私有变量,如果我们通过构造函数new出来的对象需要我们操作