<link rel="stylesheet" href="./bootstrap.addtabs.css" type="text/css" media="screen" />
<script type="text/javascript" src="./bootstrap.addtabs.js"></script>

<a class="list-group-item" data-addtab="userMenu1" data-target="#tabs2" data-url="./example/ajax/mailbox.txt">
    用户菜单1
</a>

<a class="list-group-item" data-addtab='{"id":"mail","url": "./example/ajax/button.html","target": "#tabs1"}'>
    用户菜单2
</a>

<a class="list-group-item" data-addtab="mail1"  data-ajax='{"async":false}'  data-url="example/ajax/mailbox.txt">
    Use Ajax
</a>

{
    "id": string,
    "target": string|object,
    "title": string,
    "content": string, //设置content,url将不起作用
    "url": string,
    "ajax": json
}

$('#closeAll1').click(function () {
    $.addtabs.closeAll('#tabs1');
})

$('#testbutton').click(function() {
    window.parent.window.$.addtabs.add({
        target: "#tabs1",
        url: "example/ajax/mailbox.txt",
        title: "test"
    });
})

$(function() {
    window.parent.window.$.addtabs.close('#tab_message');
})

target       string|object 同一页面如果存在多个nav-tabs，可以使用此参数设定增加TAB的目标
content      string|html   直接指定内容
close        bool          是否可以关闭，默认是true
monitor      string        监视的区域,默认是body
iframe       bool          使用iframe，false使用ajax,默认true
iframeHeight num           固定TAB中IFRAME高度
callback     function(){}  关闭后回调函数
contextmenu  bool          是否启用右键菜单，默认true
loadbar      bool          是否显示加载条，默认是true
store        bool          将打开的tab页记录到客户端存储中，刷新页面时自动打开，默认使用
ajax         object        全局调用ajax的默认参数
local:{
    'refreshLabel': '刷新此标签',
    'closeThisLabel': '关闭此标签',
    'closeOtherLabel': '关闭其他标签',
    'closeLeftLabel': '关闭左侧标签',
    'closeRightLabel': '关闭右侧标签'，
    'loadbar': '正在加载内容，请稍候．．．'
}

$.addtabs({"target":"#tabs1",...})

$.addtabs.set({"target":"#tabs1"});

$.addtabs.set("target","#tabs1");