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

tab選項卡： travelzen.tabStrip

用于創(chuàng)建標題綁定內容切換的選項卡。

實例：

給容器設置一個選擇器，最好是class類名，調用travelzen.tabStrip方法，傳參。

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

1.html

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

2.javascript

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