本文實例為大家分享了layui添加動態(tài)菜單與選項卡的具體代碼,供大家參考,具體內容如下
創(chuàng)新互聯(lián)建站是一家專注于成都做網(wǎng)站、網(wǎng)站制作與策劃設計,烏當網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設十余年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:烏當?shù)鹊貐^(qū)。烏當做網(wǎng)站價格咨詢:028-86922220
HTML
Layui
index.js
layui.use('element', function() { function checkLastItem(arr, i) { return arr.length == (i + 1); } function getAhtml(obj){ return "" + obj.name + ""; } //動態(tài)菜單 layui.jquery.ajax({ url: "http://127.0.0.1:18000/sys/menus", method: 'POST', success: function(res) { var html = ""; for(var i = 0; i < res.length; i++) { var strli = "
菜單JSON
[ { "name": "首頁", "url": "shouye.html", "id": "1", "pId": "0" }, { "name": "數(shù)據(jù)庫", "url": "#", "id": "1", "pId": "0" }, { "name": "MySQL", "url": "mysql.html", "id": "2", "pId": "1" }, { "name": "ORACLE", "url": "oracle.html", "id": "3", "pId": "1" }, { "name": "開發(fā)語言", "url": "#", "id": "4", "pId": "0" }, { "name": "JAVA", "url": "java.html", "id": "5", "pId": "4" }, { "name": "Python", "url": "python.html", "id": "6", "pId": "4" } ]
效果截圖:
如果大家還想深入學習,可以點擊兩個精彩的專題:javascript選項卡操作方法匯總 jquery選項卡操作方法匯總
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。