位置: 编程技术 - 正文

页面内容排序插件jSort使用方法(页面模板排序)

编辑:rootadmin

推荐整理分享页面内容排序插件jSort使用方法(页面模板排序),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:网页内容排序,word 页面排序,页面内容排序插图怎么弄,网页内容排序,页面排序设置,页面内容排序插图怎么弄,页面排列方式,页面排序设置,内容如对您有帮助,希望把文章链接给更多的朋友!

当页面列表内容很多的时候,我们可能需要将内容按照某个方式进行排序,比如按照字母或者大小等排序。本文将使用排序插件jSort来对页面内容进行排序。jSort插件可以对页面任何内容进行排序(tables, lists, div elements),跨浏览器兼容且非常轻巧。

运行效果图:

XHTML首先在head部分引入jquery库和jSort插件。

页面内容排序插件jSort使用方法(页面模板排序)

然后再body直接加入如下代码:

可以看出HTML结构由两个控制按钮,和内容呈现区div#divs组成。CSS使用css将html页面美化。

jQuery当单击控制按钮的时候,调用jSort插件将内容进行排序,请看代码:

jSort插件提供几个参数可配置:item:指向需要排序的html内容元素,默认为div,本例中是排序div中的内容。sort_by:指向item内需要排序的元素,默认为p,本例中要排序的是h3.title。order:排序方式,asc-顺序,desc-倒序,默认为asc。is_num:是否按按数字大小排序,默认是false。sort_by_attr:是否按照html元素属性进行排序,默认为false。attr_name:属性名称,如果sort_by_attr设置为true,则可以按照对应元素的属性进行排序。如果需要排序的是中文字符串,最好设置按照属性进行排序,属性的值可以是字母或者数字之类的。

插件jSort的使用方法就介绍到这,大家动手操作一下吧!

jqTransform美化表单 jqTransform,是DFCEngineering写的一个jQuery的样式插件,用于美化表单元素,使用方便简单,能美化所有表单元素包括input,radio,textarea,select,checkbox。运

表单验证插件Validation应用的实例讲解 jquery.Validation是一款优秀的jquery插件,它能对客户端表单进行验证,并且提供了许多可以定制的属性和方法,良好的扩展性。现在结合实际情况,我把项

jQuery实现仿新浪微博浮动的消息提示框(可智能定位) 本文实例讲述了jQuery实现仿新浪微博浮动的消息提示框。分享给大家供大家参考。具体如下:这是一款jQuery实现的仿新浪微博新消息提示框效果,支持

标签: 页面模板排序

本文链接地址:https://www.jiuchutong.com/biancheng/370396.html 转载请保留说明!

上一篇:PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解

下一篇:jqTransform美化表单(java美化按钮)

  • 出口退税认定如何办理
  • 营运资产周转次数平均值
  • 印花税技术合同计税依据
  • 企业所得税营业收入是含税还是不含税
  • 付境外公司佣金怎么做账
  • 收到股本的现金怎么做账
  • 出租无形资产的收入
  • 有限公司结业清算
  • 专票密码区出来了一点有关系吗
  • 员工因公负伤期间公司怎么开工资
  • 自然人个税起征点2019税率表
  • 微小企业每个季度减免多少税
  • 自建厂房领用材料进项税的处理
  • 仓库收料作业指导书
  • 企业的团队建设之荒野求生
  • 让别公司开发票,不打款公账,可以不
  • 如何在excel中制作柱状图
  • 在windows7的
  • 电脑黑屏怎么办主机还是亮的
  • 去年的发票今年怎么做会计分录
  • award bios设置详解
  • 苹果手机升级微信版本
  • ubuntu18.04 u盘安装
  • 公司转账到支付宝有记录么
  • 为什么windows10关机后自动开机
  • 发票开了对方未付款
  • php字符串赋值
  • win10待机后无法输入密码
  • 前端打包发布
  • 折旧提取后资金如何处理
  • 【GitHub Copilot X】基于GPT-4的全新智能编程助手
  • php图片库
  • php搜索代码
  • 消费者如何鉴别美的乐享三代风管机
  • 在linux服务器中新增加一块硬盘
  • 织梦如何使用
  • 股东之间股权转让流程
  • 公司一直没营业也没报税,会怎样罚款?
  • 增值税专用发票丢了怎么补救
  • 租车费开票属于哪个类别
  • 通过创建SQLServer 2005到 Oracle10g 的链接服务器实现异构数据库数据转换方案
  • 同时运行多个MySQL服务器的方法
  • sqlserver存储过程加密
  • 增值税免税优惠梳理
  • 单位出租不动产,按照5%的征收率计算应纳税额
  • 其他应付款冲账分录
  • 员工报销签字流程
  • 按公允价值入账的有哪些
  • 付境外股东股利要交什么税
  • 营改增税法
  • 改良设备的入账价值
  • 五金配件生意好做吗
  • 轿车折旧年限为几年
  • 什么是其他应收款科目
  • sql server无法连接服务器的原因
  • mysql保存命令
  • 苹果发布会最新消息
  • win7开机提示由于启动计算机时出现页面文件
  • win8宽带连接
  • 关于操作系统的叙述中
  • win8命令提示符管理员怎么打开
  • mac安装软件提示无法检查更新
  • mac电脑finder在哪里
  • win10的qq
  • 32位系统的电脑可以连接打印机吗
  • cent linux
  • node+express+ejs制作简单页面上手指南
  • vue自定义过滤器的语法
  • js事件怎么写
  • Http TCP 协议
  • 折中查找偶数怎么办
  • 如何自定义手机图标
  • js圆形链
  • js indexof 对象
  • python3.9.1怎么用
  • jquery教程chm
  • jQuery模仿阿里云购买服务器选择购买时间长度的代码
  • UIAutomator在AndroidStudio中的使用
  • 关于税收的问题及答案
  • 关于铁路安全的漫画
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设