双彩论谈排列三字迷: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': '我是邮轮内容'
        }]
    })
})
以上内容是否对您有帮助:
硅心科技
二维码
排列五发现一个规律
二维码
  • 红十字日:江西发布红十字会会歌《阳光·天使》 2019-04-20
  • 回复@老老保老张工:这不是歪想也,谁敢保证你害羞的时候没有任务?你不上报别人怎么计划? 2019-04-20
  • 【高清】傈僳族乡村女教师熊文碧:背着娃娃教书 2019-04-19
  • 预热世界杯 玩法各异!3张竞彩红单了解一下 2019-04-19
  • 新加坡航空将开通 全球最长商业航线 2019-04-18
  • 保定市:探索“三社联动”社区治理模式 2019-04-17
  • 传说中的自由飞“翔” 当厕所被狂风吹上天 2019-04-17
  • 第524期:有了脂肪肝,膳食营养要从这五方面调整 2019-04-16
  • 为了民族复兴·英雄烈士谱 2019-04-16
  • 西南华南等地将有较强降水 东北华北有对流性天气 2019-04-15
  • 端午新经济体验无处不在 “指尖端午”玩出新花样 2019-04-15
  • 首届尧都文化旅游节新闻发布会在京举行 诚邀八方客感受帝尧魅力 2019-04-14
  • 端午节假期间全国道路交通平稳有序 2019-04-13
  • 危险!村民掉入深120米山洞  消防官兵紧急救援 2019-04-12
  • 不只广东有爱情故事,新疆也有,还刷爆抖音! 2019-04-12
  • 789| 295| 415| 616| 318| 209| 695| 497| 641| 553|