实例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.

 
  1. //heigh config
  2. 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.

 
  1. // width config, in px or percentage.
  2. 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.
 
 
 
 
 
 
 
  1. //to add a new tab
  2. addTab({id:"newtabid",
  3. title:"I am new",
  4. html:"some new message goes here",
  5. closable:true,
  6. disabled:false,
  7. icon:"image/new.gif"
  8. });
复制

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.
  1. //To set tab height and width
  2. setRenderWH({width:'200px', height:'400px'});
复制
 

setTitle(id,  title)

To set tab title.

String id Item id.
String title Tab title.

jQuery选项卡wdScrollTab的更多相关文章

  1. 实用的Jquery选项卡TAB

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. 30个实用的jQuery选项卡/导航教程推荐

    很多网站设计中都使用了选项卡(tabs),在制作选项卡时应用jQuery能够实现很多炫酷的过渡和动画效果.本文为你介绍30个实用的jQuery选项卡教程,希望对你有帮助. 1. Animated Ta ...

  3. click事件和jquery选项卡

    一. click事件 实现效果是点击切换按钮,可以重复的切换背景色 <!DOCTYPE html> <html lang="en"> <head> ...

  4. jQuery选项卡tabulous

    jQuery选项卡tabulous,jQuery,选项卡,tab标签切换代码,扁平设计,jQuery选项卡tabulous是一款支持Scale.Slide.Scale Up.Flip等效果jquery ...

  5. 简单的jquery选项卡效果

    html部分 <ul class="tab"> <li>最新</li> <li class="cur">热门&l ...

  6. jquery选项卡

    用jquery实现选项卡功能 css部分: html部分: 记得一定要引入jquery文件 jquery部分:

  7. jQuery选项卡插件

    html结构 <ul id="tabs" class="tabs"> <li data-tab="users">Us ...

  8. javascript与jQuery选项卡效果

    HTML结构: <!doctype html><html><head><meta charset="utf-8"><title ...

  9. 【特效】jquery选项卡插件,页面多个选项卡统一调用

    把选项卡整合了一下,写成个插件,这样可以整个站,或整个页面有多个选项卡时,统一调用.代码的具体注意事项已经写进注释了.用于js获取元素的class名称必须有,选项卡本身的样式,另再取一个名字来设置(本 ...

随机推荐

  1. JavaScript&jQuery获取url参数方法

    JavaScript&jQuery获取url参数方法 function getUrlParam(name){ var reg = new RegExp("(^|&)" ...

  2. windows上面非常好用的辅助软件

    1.everything  快速查找本地文件 下载地址:http://www.voidtools.com/

  3. 20145301 《Java程序设计》第九周学习总结

    20145301 <Java程序设计>第八周学习总结 教材学习内容总结 整合数据库 JDBC JDBC是用于执行SQL的解决方案,开发人员使用JDBC的标准接口,数据库厂商则对接口进行操作 ...

  4. C++开学第二次作业(5.14)

    开学第二次作业(5.14) 代码传送门 题目 给定一个常数K以及一个单链表L,请编写程序将L中每K个结点反转.例如:给定L为1→2→3→4→5→6,K为3,则输出应该为3→2→1→6→5→4:如果K为 ...

  5. CentOS 7 Fail2ban防暴力破解

    1.安装 yum install epel-release -y yum install fail2ban fail2ban-systemd -y 2.配置 //新建配置 vim /etc/fail2 ...

  6. sscanf输入总结

    2017-08-21 15:09:47 writer:pprp sscanf很好用的,一般配合gets()来使用 /* theme: usage of sscanf writer:pprp date: ...

  7. window 中安装 redis的遇到的一此bug

    一.下载 链接:https://github.com/MicrosoftArchive/redis/releases   说明: 如果是是下载msi版本的话会默认帮我们配置好测试 环境,如果是下载zi ...

  8. LA 3720 高速公路(互质判斜率)

    https://vjudge.net/problem/UVALive-3720 题意: 有一个n行m列的点阵,问一共有多少条非水平非垂直的直线至少穿过其中的两个点. 思路: 没思路的题. 首先枚举矩形 ...

  9. Springboot依赖注入 Service类中使用静态变量

    @Component public class ServerHandler extends IoHandlerAdapter { @Autowired protected HealthDataServ ...

  10. C++名字查找和重载

    重载函数的定义:在同一作用域内的几个函数名字相同但形参列表不同,称为重载函数.这里有一个重要的前提就是:同一个作用域: 而如果重载函数是定义在不同的作用域,那么一旦编译器在当前作用域找到所需的名字,编 ...