PHP+jQuery-ui怎么进行拖动浮动层排序并保存到数据库
发表于:2024-10-01 作者:千家信息网编辑
千家信息网最后更新 2024年10月01日,这篇文章将为大家详细讲解有关PHP+jQuery-ui怎么进行拖动浮动层排序并保存到数据库,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。PHP+jQu
千家信息网最后更新 2024年10月01日PHP+jQuery-ui怎么进行拖动浮动层排序并保存到数据库
这篇文章将为大家详细讲解有关PHP+jQuery-ui怎么进行拖动浮动层排序并保存到数据库,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
PHP+jQuery-ui实现的拖动浮动层排序布局并将拖动后的浮动层位置排序结果保存到数据库实例。
首先引入jQuery库和jquery-ui.min.js,接着放置一个拖动时的加载图片,和从数据库读取出来的多个模块拖动层.modules,及#orderlist用于记录模块的排序值。
Module:
页面js:
$(function() { $(".m_title").bind('mouseover', function() { $(this).css("cursor", "move") }); var $show = $("#loader"); //进度条 var $orderlist = $("#orderlist"); var $list = $("#module_list"); $list.sortable({ opacity: 0.6, revert: true, cursor: 'move', handle: '.m_title', update: function() { var new_order = []; $list.children(".modules").each(function() { new_order.push(this.title); }); var newid = new_order.join(','); var oldid = $orderlist.val(); $.ajax({ type: "post", url: "update.php", data: { id: newid, order: oldid }, //id:新的排列对应的ID,order:原排列顺序 beforeSend: function() { $show.html(" 正在更新"); }, success: function(msg) { $show.html(""); } }); } }); });
拖动后保存到数据库,ajax.php中的代码:
$order = $_POST['order']; $itemid = trim($_POST['id']); if (!empty($itemid)) { if ($order != $itemid) { $query = mysql_query("update sortlist set sort='$itemid' where id=1"); if ($query) { echo $itemid; } else { echo "none"; } } }
关于PHP+jQuery-ui怎么进行拖动浮动层排序并保存到数据库就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
数据
数据库
排序
浮动
内容
文章
更多
模块
知识
篇文章
不错
代码
位置
图片
多个
实例
布局
正在
结果
质量
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
网络安全技术的例子
服务器租赁机柜托管
关于网络安全教育的标语
网络安全创意绘画一等奖
机房服务器标签模板
万方数据库查重入口官网
软件开发工程师就是程序员吗
苹果4s为什么连接不了服务器
安装数据库闪退
网络安全报价表
极限国度如何登录服务器
jave软件开发工程师招聘
宝德服务器默认管理口ip
网络安全对开发的作用
信息与网络技术
传感器网络技术安全研究好写吗
四川速达网络技术有限公司
oracle数据库VCS下移
gis技术数据库
常见的网络安全防范措施与技术
如何将应用程序安装在服务器上
数据库产生100万条数据
软件开发可行性研究的前提
中国成立网络安全
元宇宙网络安全公司
手机软件开发如何选择电脑配置
服务器配置哪些参数
软件开发项目奖金怎么算
网络技术三级哪些题型
数据库建模前端工程师