位置: 编程技术 - 正文

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

  • 固定资产的更新改造支出计入什么科目
  • 固定资产出售净残值怎么处理
  • 纺织品产量
  • 小规模销售产品会计分录
  • 小规模的开专票怎么征税
  • 混合销售行为如何缴纳增值税税率
  • 财产租赁合同印花税优惠政策
  • 股东股权转让印花税公司可以报销吗
  • 员工在公司食堂就餐被烫伤医药费由谁承担
  • 五联发票一般用于哪种单位
  • 纸质银行承兑到期多久时间之内可以兑现
  • 进项税额抵扣一般多少
  • 应付账款不用付怎么处理
  • 有留抵税额的会计处理
  • 增值税普票跨月怎么冲红
  • 员工工资可以计入在建工程吗
  • 验资后资金转给第三方
  • 一般纳税人购进货物用于免征增值税项目
  • 增值税还原税负率一般控制在多少?
  • 建筑公司材料费属于什么科目
  • 公司账上收到职工的生育津贴如何做账?
  • 过期未抵扣的发票对企业有什么影响
  • 外购货物评估减值要转出进项税额吗?
  • 库存与账面不符怎么办
  • 客户分批付款怎么说
  • 文件在另一个程序中打开,怎么解决
  • windows10显示文件格式
  • c盘文件详解
  • 打开网页出现电脑标志
  • 购买办公用品是否缴纳印花税
  • linux怎么用微信
  • 辅助生产成本的交互分配法
  • 增值税跟企业所得税的关系
  • PHP:mcrypt_enc_get_iv_size()的用法_Mcrypt函数
  • 使用二氧化碳灭火器时人应该站在什么位置
  • yii2入门
  • php xml转字符串
  • 申请一般纳税人流程
  • 增值税附加税必须交吗
  • 这一年我学会了
  • ai复制命令
  • vue3技巧
  • web爬虫视频教程
  • python编程从入门到精通第三版
  • 个体工商户属于灵活就业人员吗
  • 劳务公司获奖感言简短
  • 什么不计入税金及附加
  • 开票提示未安装控件
  • 收入少收钱账务处理
  • 收到汇算清缴的退税需要交税吗
  • 应税货物销售额含税吗
  • 实收资本与注册资本之间的关系
  • 企业工会经费的会计分录
  • 安全生产费如何计量
  • 企业自查发现以什么为主
  • 营业外支出属于费用类科目吗
  • 汇算清缴怎么弥补亏损怎么操作
  • 物业公司劳务外包
  • 自用房产税计入什么科目
  • 租入办公楼装修费按几年摊销
  • 销售自己使用过的物品免税吗
  • 工业企业材料入库账务处理
  • win8 无线网络连不上
  • wlms.exe是什么
  • win8关机后自动重启怎么办
  • win7第三方更新
  • xp系统的cad
  • windows 8.1将“计算机”(This PC)更名为“此电脑”
  • win7开始菜单在哪里
  • win7复制过的内容在哪
  • win8整理磁盘碎片的步骤
  • js导入图片
  • django 不同app间model引用
  • linuxyum安装php7
  • shell监控脚本例子大全
  • mare的用法
  • nodejs 路由
  • javascript中的匿名函数
  • jquery fullpage
  • 车船税完税证明开具如何开具
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设