选项卡模式设计

原创 2015年07月10日 11:05:12

在些前端页面时,要求做出以下的效果:


点击不同的文字出现不同的表格,但是所有的表格都是在同一个html页面中,只是在不同的DIV中。想到用jQuery中的ligerUI插件中的Tab来实现。在网上找了很多实例,甚至都把官网的实例完整复制过来,但是,点击的时候还是没反应,经过一系列的排查,竟然发现,在使用ligerUI是引入js的顺序竟会对实现插件影响,


我在引入的时候没注意过,所以将base.js放到最后引入的,结果报错。经过测试下边三个的顺序是无关的。

总结

在引入ligerUI的js时一定要先引入总的(不是明细的),在引入针对插件的js

因为用的ligerUI的ligerTab插件所以,我写出来的样式是这样的:


而要求的样式不是这样的,所以,还是得用jQuery中的方法 来实现:



版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

皮肤网站模版选项卡模式

  • 2012-12-14 11:40
  • 450KB
  • 下载

【Android UI设计与开发】第11期:顶部标题栏(二)ActionBar实现Tab选项卡和下拉导航列表

在上一篇文章中,我们只是大概的了解了一下关于ActionBar这个类的简单用法,今天我会继续以实例进行更加深入的讲解。   一、实现Tab选项标签          当你想要在一个Activity中提...

选项卡以工厂模式

  • 2012-11-06 10:12
  • 317KB
  • 下载

Android UI 设计 选项卡组件和ListView组件结合模拟新浪微博

|选项卡组件和ListView组件结合模拟新浪微博

Android UI设计 使用选项卡实现界面切换

实现选项卡的界面切换
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)