实例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. python 数据分析----matplotlib

    Matplotlib是一个强大的Python绘图和数据可视化的工具包. 安装方法:pip install matplotlib 引用方法:import matplotlib.pyplot as plt ...

  2. MVC 4中的前端渲染 @Helper指令

    如果我们需要在一个页面或多个页面显示如人民币格式(后台传回来的无¥)¥的格式化.或是对后台数据作如保留小数个数等处理,这些东西经常要用到,特别是一些NULL值的处理,有可能会出错.这时我们可以通过创建 ...

  3. 20145103《JAVA程序设计》第十周学习总结

    网络编程 网络编程就是在两个或两个以上的设备(例如计算机)之间传输数据.程序员所作的事情就是把数据发送到指定的位置,或者接收到指定的数据,这个就是狭义的网络编程范畴.在发送和接收数据时,大部分的程序设 ...

  4. openssl 编译

    不要费事编译了,直接下载吧! https://www.npcglib.org/~stathis/blog/precompiled-openssl/ 下载 openssl https://www.ope ...

  5. Mybatis <if>标签使用注意事项

    在<if>标签的test中,不能写成“name !='aa'” , 会报错### Error querying database. Cause: java.lang.NumberForma ...

  6. 【cs231n】反向传播笔记

    前言 首先声明,以下内容绝大部分转自知乎智能单元,他们将官方学习笔记进行了很专业的翻译,在此我会直接copy他们翻译的笔记,有些地方会用红字写自己的笔记,本文只是作为自己的学习笔记.本文内容官网链接: ...

  7. JSon数据类型&使用基础

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. 在Mac中如何正确地设置JAVA_HOME

    前期准备 下载JDK安装包:在JDK1.8下载中选择Mac的JDK安装包 安装JDK:这里只要按照安装指引一步一步安装即可 查找JAVA_HOME 打开Mac的终端,检查JDK是否安装成功:java ...

  9. 使用百度地图LBS创建自定义标注

    <body> <div id="allmap"></div> <div class="sel_container" i ...

  10. log4j和logback

    Log4j和logback Log4j简介 Log4j(log for java) 1.是Apache的一个开源项目: 2.是使用Java语言编写的一个日志框架: 3.用于记录程序中的日志信息: 4. ...