jquery.tabs.js 是一個十分方便易用的tab切換插件,適用于各種類型的網頁交互。
下面是官方給出的一個例子:
// Include jquery-1.7.1.min.js and jquery.tabs.js
$(document).ready(function() {
$('.tabs').tabs();
});
代碼中引用了主要的兩個js文件jquery-1.7.1.min.js和jquery.tabs.js,然后在$(document).ready()函數中調用.tabs()方法,給含有選項卡的元素設置選項卡效果。
如果需要設置默認選中的選項卡,可以在傳入.tabs()方法的options中傳入一個選項(如下):
$('.tabs').tabs({
activeIndex: 1
});
其中activeIndex從0開始,所以傳入1時表示默認選中第二個選項卡。
除了默認選項,也可以在傳入.tabs()的options中設置其他選項,如切換速度、選項卡懸停時間等等,具體設置方法請查看官方文檔。
下一篇iot json