位置: 编程技术 - 正文

页面内容排序插件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美化按钮)

  • 买卖煤矿
  • 固定资产入账原值含税价吗
  • 弥补以前年度亏损金额从哪里来的
  • 退休职工怎么填写单位吗
  • 固定资产加速折旧的方法有哪些
  • 个人所得税经营所得申报
  • 劳务公司代发工资合法吗
  • 借款应付利息计算
  • 折扣销售的增值税处理方式
  • 购销业务账务处理
  • 行政单位基建账统一核算
  • 年末计提存货跌价准备
  • 通用机打发票开具给个人是否需要缴税?
  • 服务业发票税率是多少
  • 收到投资分红要缴纳企业所得税吗?
  • 小微企业季度所得税和企业所得税怎么处理
  • 发票联给错怎么办?
  • 什么叫统借统还业务
  • 自建公司什么意思
  • 主营业务收入会计分录怎样写
  • 继承房产再出售满五是按老证还是按新证计算时间
  • 资金筹集业务的会计处理
  • 逾期交房违约金怎么算
  • 鸿蒙壁纸怎么设置滚动
  • 事业单位授权支付可以取现吗
  • harmonyos怎么打开OTG
  • 企业所得税税负率多少合适
  • linux bt命令
  • 所有者权益会计科目借贷方向
  • 在建工程减值准备
  • 纳税调整增加额怎么做会计分录
  • 存货的盘亏损毁和报废
  • php框架开发教程
  • 如何使用php写一个网页
  • 浏览器你
  • php获取当前文件夹
  • php处理304缓存
  • laravel运行
  • 增值税普通发票有什么用
  • 成本会计科目的三级科目有哪些
  • 月末库存商品结转成本怎么算
  • wordpress 批量添加标签
  • php屏蔽ip
  • mysql使用指南
  • python读取不到文件怎么办
  • 计提贷款准备金公式
  • 公对公打款发票
  • 本月增加的无形资产本月摊销
  • 实业投资收益如何
  • 运输公司汽车折旧能直接进主营成本吗
  • 公司厨房用具
  • 高速过路费发票图片
  • 虚增利润怎么调整
  • 360天认证期是什么时候发布的
  • 加计扣除声明怎么填
  • 发票抬头是个人税号怎么填
  • 二类银行卡是什么卡
  • 收到投资厂房有折旧的记账凭证怎么处理
  • 工作地变更社保卡怎么办
  • sqlserver远程连接设置
  • sqlserver数据库和mysql区别
  • win7系统硬盘分区类型
  • win10自定义壁纸在哪个文件夹里
  • centos如何安装vim
  • win10周年更新版是什么意思
  • 安装win7系统后无法引导启动
  • win7打开tftp服务器
  • linux命令shell脚本
  • java gravity
  • vtune自动安装脚本分享
  • 批处理遍历文件输出文件路径
  • python中OrderedDict的使用方法详解
  • 在javascript中关于alert confirm
  • 超详细的!!!2023澳门六开彩
  • unity快速接入第三方sdk
  • unity屏幕坐标 ui坐标
  • javascript学习指南
  • js基于什么
  • 计提税金的公式
  • 增值税归国家还是地方
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设