首先需要將資料組裝成樹狀資料,就這個樣子的資料
組裝資料的函式如下：
//組裝資料 pid為父節點的id
function rec(data,id)
}return arr;
}
//載入導航欄，頁面初始化時載入多級選單
$(function () ,error:function ()
})})
//載入導航欄
$(function () ,error:function ()
})})
insert title here/js/bootstrap-3.4.1-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>/js/datatables/css/jquery.datatables.min.css" rel="stylesheet" type="text/css"/>/js/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css"/>/js/bootstrap-fileinput/css/fileinput.min.css" rel="stylesheet" type="text/css"/>/js/ztree/css/ztreestyle/ztreestyle.css" rel="stylesheet" type="text/css"/>
/js/bootstrapvalidator-v0.5.2-0/dist/css/bootstrapvalidator.min.css" rel="stylesheet" type="text/css">
Bootstrap下拉列表
使用下拉列表 dropdown 外掛程式，能夠向不論什麼元件 比方導航欄 標籤頁 膠囊式導航選單 button等 加入下拉列表。假設想要單獨引用該外掛程式的功能，那麼須要引用 dropdown.js。或者能夠引入bootstrap.js或壓縮版的bootstrap.min.js。通過 data 屬性...
多級下拉列表的JavaScript
這是乙個開發人員非常重要的一點。在大多數類似的指令碼，選單項和相應的html 是由指令碼往往晦澀難懂的 生成。這對開發者嚴格的限制。其中兩個最顯著是 整合這個選單到web伺服器 和難度來指定自定義外觀 也往往只有一種可能性，從硬編碼的主題，數量有限，選擇其中之一 的難度 值得一提所謂的下拉列表建設者...
多級下拉列表導航製作
水平導航選單的製作思路 1 進行初始化的設定，將文件中所有元素的margin和padding設為0 2 將所有的a元素設定為塊元素，去掉下劃線，新增背景色 c和padding值 3 滑鼠移入li時改變子元素a的背景色，此處應為 li hover a 意思為滑鼠劃過li時，其直屬的子元素背景色改變 d...