weui.js

tab(selector, [options])

tab tab导航栏

Kind: global function

Param	Type	Default	Description
selector	string		tab的selector
[options]	object		配置项
[options.defaultIndex]	number	0	初始展示的index
[options.onChange]	function		点击tab时，返回对应的index

Example

html

<div class="weui-tab" id="tab">
    <div class="weui-navbar">
        <div class="weui-navbar__item">反馈</div>
        <div class="weui-navbar__item">表单</div>
        <div class="weui-navbar__item">上传</div>
        <div class="weui-navbar__item">其它</div>
    </div>
    <div class="weui-tab__panel">
        <div class="weui-tab__content">反馈页</div>
        <div class="weui-tab__content">表单页</div>
        <div class="weui-tab__content">上传页</div>
        <div class="weui-tab__content">其它页</div>
    </div>
</div>

js

weui.tab('#tab',{
    defaultIndex: 0,
    onChange: function(index){
        console.log(index);
    }
});

This site is open source. Improve this page.