travelzen.js組件之【tab選項卡】

tab選項卡： travelzen.tabStrip

用于創(chuàng)建標(biāo)題綁定內(nèi)容切換的選項卡。

實例：

給容器設(shè)置一個選擇器，最好是class類名，調(diào)用travelzen.tabStrip方法，傳參。

• 必選參數(shù)trigger：選項卡的元素選擇器，如下方代碼中的".tabDemo"
• 必選參數(shù)data：用于裝載選項卡標(biāo)題以及對應(yīng)內(nèi)容的對象數(shù)組，每個項必須包含"name"和"content"兩個鍵值對，其中，第一項的內(nèi)容默認(rèn)顯示。
• 可選參數(shù)position：用于設(shè)置選項卡的位置，不設(shè)置時默認(rèn)顯示在頂部?？稍O(shè)置為"left"、"right"、"bottom"。

1.html

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

2.javascript

$(function(){
    travelzen.tabStrip({
        trigger: '.tabDemo',
        data:　[{
            'name': '機票',
            'content': '我是機票內(nèi)容'
        },{
            'name': '酒店',
            'content': '我是酒店內(nèi)容'
        }{
            'name': '郵輪',
            'content': '我是郵輪內(nèi)容'
        }]
    })
})