双彩论谈排列三字迷: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郭孟涛
二维码
排列五发现一个规律
二维码
  • 回复@了不起重上井冈山2:然后你连讨饭都省了? 2019-02-19
  • 美帝拉拢人民,才能反对共产党。 2019-02-18
  • 携手创造上合更加美好的未来 2019-02-17
  • Premier de China ofrece rueda de prensa Spanish.xinhuanet.com 2019-02-16
  • 中国电信发布人工智能终端白皮书 2019-02-16
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-02-15
  • 2018父亲节送什么礼物好 父亲节送爸爸岳父最好的礼物排行榜top10 2019-02-15
  • 但,其他生活垃圾分类不一定能做到 2019-02-14
  • 分开来吃相当于延长节日气氛对身体也有好处。 2019-02-14
  • 全新一代X6的假想图曝光 基于CLAR打造 2019-02-13
  • 为丰富百姓餐桌提供更多选择(打开对外开放新局面) 2019-02-13
  • 东嘎寺看藏戏文章中国国家地理网 2019-02-12
  • 中国将大幅降低日用消费品进口关税 代购们着急了 2019-02-12
  • 娜扎解锁时尚双封面 猫系执着玩转多重格调 2019-02-11
  • “五星”调解能手张五星 2019-02-11
  • 300| 308| 917| 377| 614| 526| 386| 988| 226| 822|