jQuery选项卡wdScrollTab
实例Demo
参数说明
Config
active
Number Active tab index. Base on 0.
autoResizable
Boolean Whether panel resizes itself according to content.
border
Boolean To show border or not.
height
String Initialization height.
- //heigh config
- height :'200px'// or '100%'.
heightResizable
Booean Whether end user can change panel height by mouse dragging.
items
Array Tab items array.
renderTo
String or JQuery object To specify where tab panel will be placed. It could be a DOM id or jquery object.
width
String Initialization width.
- // width config, in px or percentage.
- width :'200px'// or '100%'.
widthResizable
Boolean Whether end user can change panel width by mouse dragging.
Method
addTab(item)
To add a new tab.
| Object | item | Object for item profile. |
- //to add a new tab
- addTab({id:"newtabid",
- title:"I am new",
- html:"some new message goes here",
- closable:true,
- disabled:false,
- icon:"image/new.gif"
- });
getActiveIndex()
To get index of active tab.
Return Number - index of active tab.
getActiveTab()
To get active tab.
Return Object - Profile of active tab.
getClosable(id)
To determine whether tab is closable or not.
| String | id | item id. |
getContent(id)
To get tab inner html.
| String | id | item id. |
getDisable(id)
To determine whether tab is disabled or not.
| String | id | item id. |
getTabPosision(id)
To get tab index.
Return Number - index of tab.
| String | id | item id. |
getTabsCount()
To get how many tabs are in the panel.
Return Number - Number of tabs .
getTitle(id)
To get tab title.
| String | id | item id. |
kill(id)
To close tab.
| String | id | item id. |
refresh(id)
To refresh tab content.
| String | id | item id. |
setClosable(id, True)
To enable or disable end user to close tab.
| String | id | Item id. |
| Booleaan | True | for closable, false for not. |
setContent(id, title)
To set tab title.
| String | id | Item id. |
| String | title | Tab inner html. |
setDisable(id, True)
To enable or disable tab.
| String | id | Item id. |
| Booleaan | True | for disabled, false for enabled. |
setRenderWH(wh)
To set width and height of the panel.
| Object | wh | width and height. |
- //To set tab height and width
- setRenderWH({width:'200px', height:'400px'});
setTitle(id, title)
To set tab title.
| String | id | Item id. |
| String | title | Tab title. |
jQuery选项卡wdScrollTab的更多相关文章
- 实用的Jquery选项卡TAB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 30个实用的jQuery选项卡/导航教程推荐
很多网站设计中都使用了选项卡(tabs),在制作选项卡时应用jQuery能够实现很多炫酷的过渡和动画效果.本文为你介绍30个实用的jQuery选项卡教程,希望对你有帮助. 1. Animated Ta ...
- click事件和jquery选项卡
一. click事件 实现效果是点击切换按钮,可以重复的切换背景色 <!DOCTYPE html> <html lang="en"> <head> ...
- jQuery选项卡tabulous
jQuery选项卡tabulous,jQuery,选项卡,tab标签切换代码,扁平设计,jQuery选项卡tabulous是一款支持Scale.Slide.Scale Up.Flip等效果jquery ...
- 简单的jquery选项卡效果
html部分 <ul class="tab"> <li>最新</li> <li class="cur">热门&l ...
- jquery选项卡
用jquery实现选项卡功能 css部分: html部分: 记得一定要引入jquery文件 jquery部分:
- jQuery选项卡插件
html结构 <ul id="tabs" class="tabs"> <li data-tab="users">Us ...
- javascript与jQuery选项卡效果
HTML结构: <!doctype html><html><head><meta charset="utf-8"><title ...
- 【特效】jquery选项卡插件,页面多个选项卡统一调用
把选项卡整合了一下,写成个插件,这样可以整个站,或整个页面有多个选项卡时,统一调用.代码的具体注意事项已经写进注释了.用于js获取元素的class名称必须有,选项卡本身的样式,另再取一个名字来设置(本 ...
随机推荐
- Scrapy 分布式数据采集方案
运行环境 CentOS7. + Python2. + Scrapy1. + MongoDB3. + BeautifulSoup4. 编程工具 PyCharm + Robomongo + Xshell ...
- 【bzoj2333 & luoguP3273】棘手的操作(线段树合并)
题目传送门:bzoj2333 luoguP3273 这操作还真“棘手”..听说这题是可并堆题?然而我不会可并堆.于是我就写了线段数合并,然后调了一晚上,数据结构毁一生!!!QAQ…… 其实这题也可以把 ...
- ubuntu16.04后续工作
一.ruijie https://blog.csdn.net/u012217085/article/details/24369335 https://blog.csdn.net/Lv_Victor/a ...
- matplotlib 初步学习
author:pprp Matplotlib数据可视化 [TOC] 安装 conda install matplotlib sudo apt-get install python-matplotlib ...
- spring @RequestMapping注解技巧
@RequestMapping 是 Spring Web 应用程序中最常被用到的注解之一.这个注解会将 HTTP 请求映射到 MVC 和 REST 控制器的处理方法上. 下面我们看看,@Request ...
- C# Page基础功能,用于各页面继承
IBasePage.cs文件 /// <summary> /// 用于页面或用户控件 /// </summary> public interface IBasePage { / ...
- IO与NIO
IO IO概念: Java IO Java IO 即java的输入系统,不管我们编写任何种语言,都难免输入输出相关的媒介打交道,其实和媒介进行IO的过程是十分复杂的,还要考虑的因素特别多,比如我们要考 ...
- HTop 防止进程重复显示
按F2 选择 Display options 选择 Hide userland threads 比Top更加好用!
- 关于http请求ContentType:application/x-www-form-urlencoded
在又一次http请求过程中,模拟post请求提交form表单数据一直提示部分参数为空,后面检查发现是缺少ContentType:application/x-www-form-urlencoded的原因 ...
- 缓存技术内部交流_04_Cache Aside续篇
额外参考资料: http://www.ehcache.org/documentation/3.2/expiry.html F. Cache Aside 模式的问题:缓存过期 有时我们会在上线前给缓存系 ...
