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名称必须有,选项卡本身的样式,另再取一个名字来设置(本 ...
随机推荐
- iframe的应用量还是这么大
以前查阅资料说iframe已经过时,不建议使用,可是在先进的2018年,你去随便打开一个网站,扔都可以见到iframe的身影,这不禁要发问:iframe的应用量为什么还是这么大? HTML5不再支持使 ...
- javascript里用php
<script type="text/javascript" > <?php if (!empty($searchResult)):?> $.searchM ...
- 编码解码--url编码解码
url编码解码,又叫百分号编码,是统一资源定位(URL)编码方式.URL地址(常说网址)规定了常用地数字,字母可以直接使用,另外一批作为特殊用户字符也可以直接用(/,:@等),剩下的其它所有字符必须通 ...
- Java学习笔记-方法引用
方法引用(Method Reference) 上一篇中记录了Lambda表达式,其可以创建匿名方法.当Lambda表达式只是调用一个存在的方法时,可以采用方法引用(JDK8具有的特性).如下: pub ...
- wamp 环境下配置多台虚拟主机
首先启动wamp,成功之后,单击图标,找到Apache服务器下的 httpd.conf ,直接打开 按下Ctrl+F键,在搜索框中搜索 Virtual hosts, 搜寻结果如下图: 3. 然后打开w ...
- openwrt生成的镜像放在哪里
答:1.打包好之后是放在build_dir/target-$(cross-compile-toolchan-name)/linux-$(chip-series-name)_$(chip-arch)/t ...
- word里怎么删除某一列
光标定位在第二列第一个字的前面,然后按住Alt键,拖动鼠标,选中第二列字,松开Alt键,点击Delete键即可
- Spring @Scheduler使用cron时的执行问题
主要想弄清使用Spring @Scheduler cron表达式时的两个问题: 同一定时任务,第二次触发时间到了,第一次还没有执行完成时会执行吗? 不同的定时任务,相互之间是否有影响? 结论写在前面: ...
- Scrapy之Scrapy shell
Scrapy Shell Scrapy终端是一个交互终端,我们可以在未启动spider的情况下尝试及调试代码,也可以用来测试XPath或CSS表达式,查看他们的工作方式,方便我们爬取的网页中提取的数据 ...
- 第十篇:Spark SQL 源码分析之 In-Memory Columnar Storage源码分析之 query
/** Spark SQL源码分析系列文章*/ 前面讲到了Spark SQL In-Memory Columnar Storage的存储结构是基于列存储的. 那么基于以上存储结构,我们查询cache在 ...
