Test

$(function () {

$('#myTab a:last').tab('show');//初始化顯示哪個(gè)tab

$('#myTab a').click(function (e) {

e.preventDefault();//阻止a鏈接的跳轉(zhuǎn)行為

$(this).tab('show');//顯示當(dāng)前選中的鏈接及關(guān)聯(lián)的content

})

})

• Home
• Profile
• Messages
• Settings
• 服務(wù)器

.home....profile...messages..settings...#服務(wù)器..

======================================動(dòng)態(tài)生成的實(shí)例===================================

//js部分

function queryCategory() {

$.getJSON("category/querySecondCategory.do", function(datas) {

var i=0;

for(var key in datas){

var j=0;

if(i==0){

$("#myTab").append("

"+key+"");

i++;

}else{

$("#myTab").append("

"+key+"");

}

$(".tab-content").append("

for(var obj in datas[key]){

if(j==0){

$("#"+key).append(' '+datas[key][obj].name+'');

j++;

}else{

$("#"+key).append(' '+datas[key][obj].name+'');

}

}

}

tabs();//設(shè)置默認(rèn)值，展示順序

});

}

function tabs(){

$('#myTab a:last').tab('show');//初始化顯示哪個(gè)tab

$('#myTab a').click(function (e) {

e.preventDefault();//阻止a鏈接的跳轉(zhuǎn)行為

$(this).tab('show');//顯示當(dāng)前選中的鏈接及關(guān)聯(lián)的content

})

}

//html部分

總結(jié)

以上是生活随笔為你收集整理的bootstrap 合并菜单_Bootstrap与tab组合，切换菜单实例的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。