PHP+jQuery-ui拖动浮动层排序并保存到数据库实例
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了PHP+jQuery-ui拖动浮动层排序并保存到数据库实例,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2628字,纯文字阅读大概需要4分钟。
内容图文
![PHP+jQuery-ui拖动浮动层排序并保存到数据库实例](/upload/InfoBanner/zyjiaocheng/521/b7c22cd5911d4a198903d77ad16fa412.jpg)
页面js:
1 $(function() { 2 $(".m_title").bind(‘mouseover‘, 3 function() { 4 $(this).css("cursor", "move") 5 }); 6 7 var $show = $("#loader"); //进度条 8 var $orderlist = $("#orderlist"); 9 var $list = $("#module_list"); 10 11 $list.sortable({ 12 opacity: 0.6, 13 revert: true, 14 cursor: ‘move‘, 15 handle: ‘.m_title‘, 16 update: function() { 17 var new_order = []; 18 $list.children(".modules").each(function() { 19 new_order.push(this.title); 20 }); 21 var newid = new_order.join(‘,‘); 22 var oldid = $orderlist.val(); 23 $.ajax({ 24 type: "post", 25 url: "update.php", 26 data: { 27 id: newid, 28 order: oldid 29 }, 30 //id:新的排列对应的ID,order:原排列顺序 31 beforeSend: function() { 32 $show.html("<img src=‘images/load.gif‘ /> 正在更新"); 33 }, 34 success: function(msg) { 35 $show.html(""); 36 } 37 }); 38 } 39 }); 40 });
拖动后保存到数据库,ajax.php中的代码:
1 $order = $_POST[‘order‘]; 2 $itemid = trim($_POST[‘id‘]); 3 if (!empty($itemid)) { 4 if ($order != $itemid) { 5 $query = mysql_query("update sortlist set sort=‘$itemid‘ where id=1"); 6 if ($query) { 7 echo $itemid; 8 } else { 9 echo "none"; 10 } 11 } 12 }
本文转自:https://www.sucaihuo.com/php/69.html 转载请注明出处!
PHP+jQuery-ui拖动浮动层排序并保存到数据库实例
标签:拖动 put alt hid url 技术 ges target mysq
本文系统来源:https://www.cnblogs.com/zglevk/p/12496457.html
内容总结
以上是互联网集市为您收集整理的PHP+jQuery-ui拖动浮动层排序并保存到数据库实例全部内容,希望文章能够帮你解决PHP+jQuery-ui拖动浮动层排序并保存到数据库实例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。