tab選項(xiàng)卡： travelzen.tabStrip

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

實(shí)例：

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

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

1.html

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

2.javascript

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