双彩论谈排列三字迷:travelzen.js组件之【tab选项卡】

由 刘朵朵 创建, 最后一次修改 2018-07-16

排列五发现一个规律 www.g42ek.com.cn tab选项卡: travelzen.tabStrip


用于创建标题绑定内容切换的选项卡。

实例:

给容器设置一个选择器,最好是class类名,调用travelzen.tabStrip方法,传参。

  • 必选参数trigger:选项卡的元素选择器,如下方代码中的".tabDemo"
  • 必选参数data:用于装载选项卡标题以及对应内容的对象数组,每个项必须包含"name"和"content"两个键值对,其中,第一项的内容默认显示。
  • 可选参数position:用于设置选项卡的位置,不设置时默认显示在顶部??缮柚梦?quot;left"、"right"、"bottom"。

1.html

<div class="tabDemo"></div>

2.javascript

$(function(){
    travelzen.tabStrip({
        trigger: '.tabDemo',
        data: [{
            'name': '机票',
            'content': '我是机票内容'
        },{
            'name': '酒店',
            'content': '我是酒店内容'
        }{
            'name': '邮轮',
            'content': '我是邮轮内容'
        }]
    })
})
以上内容是否对您有帮助:
laravel郭孟涛
二维码
排列五发现一个规律
二维码
  • 要闻--安徽频道--人民网 2018-12-16
  • “限房价”项目入市 业界:项目利润为7% 2018-12-15
  • 微软要出一款注定不会赚钱的Xbox游戏外设 2018-12-14
  • 邯郸“廉政诊所”筑起基层首道廉政防线 2018-12-13
  • 澳门修订《司法组织纲要法》 涉国安法案件限中国籍法官审理 2018-12-12
  • 江西人存款1.66万亿元 2018-12-12
  • 蜈蚣精的出游必备战靴 旅行路上皆战场 2018-12-11
  • [微笑]原因很简单:房产的升值是由关联资源的增加形成的,跟房屋的产权人没有任何关系,肯定就不能让其从中获利! 2018-12-11
  • 精彩画面—国际摩托车滚雷巡游节 2018-12-10
  • 政协天津市第十四届委员会委员增补名单 2018-12-09
  • 你一人就代表了世人? 2018-12-09
  • 万物互联开启智慧新图景 下一代互联网未来已来 2018-12-08
  • 第十二届中国(南宁)国际园林博览会吉祥物正式发布 2018-12-08
  • 重走北上民主人士在沈阳活动之路 2018-12-07
  • 【理上网来·辉煌十九大】俄罗斯科学家:受到习主席接见印象深刻 2018-12-07
  • 314| 291| 349| 982| 910| 93| 814| 996| 538| 94|