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名称必须有,选项卡本身的样式,另再取一个名字来设置(本 ...
随机推荐
- 生产者消费者JAVA实现
三种实现方式: 1. Object对象的wait(),notify(),加synchronize. 2. Lock的await(),signal(). 3. BlockingQueue阻塞队列. Ob ...
- IoC控制反转与DI依赖输入
IoC (Inversion of Control)即控制反转,是面向对象编程中的一种设计原则.它把传统上由程序代码直接操控的对象的调用权交给容器,通过外部容器来实现对象组件的装配和管理. 简单来说, ...
- 照着官网来安装openstack pike之environment设置
安装openstack前的准备环境: 两个centos7系统的环境:192.168.101.10 node1,192.168.101.11 node2 控制节点node1,计算节点node2 1.统一 ...
- 关于JavaScript对象,你所不知道的事(二)- 再说属性
说完了对象那些不常用的冷知识,是时候来看看JavaScript中对象属性有哪些有意思的东西了. 不出你所料,对象属性自然也有其相应的特征属性,但是这个话题有点复杂,让我们先从简单的说起,对象属性的分类 ...
- RDB
在运行情况下, Redis 以数据结构的形式将数据维持在内存中, 为了让这些数据在 Redis 重启之后仍然可用, Redis 分别提供了 RDB 和 AOF 两种持久化模式. 在 Redis 运行时 ...
- pagehelper的使用
知识点:使用pagehelper实现分页功能 参考资料github上:https://github.com/pagehelper/Mybatis-PageHelper/blob/master/wiki ...
- JAVA 单向链表
package com.session.link; /** * 单向链表 */public class LinkedList<T> { private Node head;//指向链表头节 ...
- mac terminal update management pack
npm -g outdated npm -g install npm@6.4.1
- ANDROID教程目录
html5 如何打包成apk,将H5封装成android应用APK文件的几种方法
- Nginx 从0开始学
作为一个 nginx 的初学者记录一下从零起步的点滴. 基本概念 Nginx 最常的用途是提供反向代理服务,那么什么反向代理呢?正向代理相信很多大陆同胞都在这片神奇的土地上用过了,原理大致如下图: 代 ...
