jQueryの手書きのメニュー（INGの）

その他 2019-08-19 04:15:37 訪問数: null

マルチレベルのメニューをサポートしています

直接コードに

<！DOCTYPE HTML>
<HTML LANG = "EN">
<ヘッド>
    <メタ文字セット= "UTF-8">
    <メタ名=「ビューポート」コンテンツ=「幅=装置幅、初期の規模= 1.0」>
    <META HTTP-当量= "X-UA-互換性のある" コンテンツ= "IE =エッジ">
    <タイトル>ドキュメント</ TITLE>
    <スクリプトSRC = "https://cdn.bootcss.com/jquery/1.12.4/jquery.js"> </ SCRIPT>
    <スタイル> 
        UL、李{マージン： 0;パディング：0 }
        李{リスト - スタイル：なし}
        {#uu
            幅：300ピクセル;
            国境：1pxの固体#ddd。
            背景 -color：RGB（0、39、67 ）;
            色：白
        }
        #uu >のLi + のLi {
            国境 - トップ：1pxの固体#ddd。
        }
        ■は - 頭{
            ボックス -sizing：BORDER- ボックス。
            表示：インライン - ブロック。
            幅： 100％;
            高さ：40ピクセル;
            行 - 高さ：40ピクセル;
            国境：1pxの固体#ddd。
            パディング - 左：5pxの;
            カーソル：ポインタ;
        }
        .child -ul> LI> .box- ヘッド{
             / * パディング左：20ピクセル。* /
        }   
        ■は - HEAD1 {
             / * ！パディング左：35px重要。* /
        }
        / * -表示されていないデフォルト* / 
        .child -ul> 李{表示：なし} 
     </スタイル>
</ head>の
<身体>
    <ulのID = "UU">
        <LI>
            <スパンクラス= "ボックス・ヘッド">首页</ span>の
            <ULクラス= "子-UL">
                <LI>
                    <スパンクラス= "ボックス・ヘッド">エリア概要</ span>の
                </ LI>
                <LI> <スパンクラス= "ボックス・ヘッド">分岐エネルギーの前に</ span>を</ LI>
                <LI> <スパンクラス= "ボックスヘッド">線テーブル領域分析</ span>を</ LI>
                <LI> <スパンクラス= "ボックス・ヘッド">报表查看</ span>を</ LI>
            </ UL>
        </ LI>
        <LI>
            <スパンクラス= "ボックス・ヘッド">著作権管理</ span>の
            <ULクラス= "子-UL">
                <LI> <スパンクラス= "ボックス・ヘッド">操作管理</ span>を</ LI>
                <LI> <スパンクラス= "ボックス・ヘッド">页面管理</ span>を</ LI>
                <LI> <スパンクラス= "ボックス・ヘッド">按钮管理</ span>を</ LI>
                <LI> <スパンクラス= "ボックス・ヘッド">配置管理</ span>を</ LI>
            </ UL> </ LI>
        <LI> <スパンクラス= "ボックス・ヘッド">系统管理</ span>を</ LI>
        <LI> <スパンクラス= "ボックス・ヘッド">菜单管理</ span>を</ LI>
    </ UL>
    <スクリプト> 
        $（関数（）{
            $（ "#uu"）（ "クリック"、 "ボックスヘッド。"で、。機能（）{
                 デバッガ。
                $（この）.next（）、子供（）slideToggle（）。。。
                $（この）.parent（）nextAll（）（ "LI"を見つける。。 （）.slideUp を）。
                $（この）.parent（）prevAll（）（ "LI"を見つける。。 （）.slideUp を）。
            }）
            init（）;
        }）
    ましたJSON = [{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / index.png"、 "にisLastは"： "2"、 "isUsed"： "1"、 "メモ"： "A"、 "menuAddr" ： "ジャバスクリプト：ボイド（0）"、 "menuID属性" 156、 "menuInde​​x"：1、 "menuLevel"： "1"、 "MENUNAME"： "首页"、 "menuNameEn"： "インデックス"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"： "1"、 "isUsed"：」 1" 、 "メモ"： ""、 "menuAddr"： "/スプリングセキュリティメニュー/ SYS / UseEnergyAnalysisController / toDemo3"、 "menuID属性" 323、 "menuInde​​x"：1、 "menuLevel"： "2"、"MENUNAME"： "区域总览"、 "menuNameEn"： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：156、 "selectIconLocation"：」 "}、{" defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / empty.png」、 "にisLast"： "1"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "/スプリングセキュリティメニュー/ SYS / UseEnergyAnalysisController / toDemo1"、 "menuID属性" 321、 "menuInde​​x"：2、 "menuLevel"： "2"、 "MENUNAME"： "支路用能概况"、 "menuNameEn" ： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：156、 "selectIconLocation"： ""}、{」defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / empty.png " "にisLast"： "1"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"：" /スプリングセキュリティ-menu / line_station_area_analysis " "menuID属性" 405、 "menuInde​​x"：3、 "menuLevel"： "2"、 "MENUNAME"： "线路台区分析"、 "menuNameEn"： "line_station_area_analysis"、 "menuState"：" 0" 、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：156、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png " "にisLast"： "1"、 "isUsed"： "1"、 "MEMO"： ""、 "menuAddr"："/スプリングセキュリティメニュー/ dataReportSystem_view」、 "menuID属性" 392、 "menuInde​​x"：4、 "menuLevel"： "2"、 "MENUNAME"： "报表查看"、 "menuNameEn"： "dataReportSystem_view"、 "menuState" ： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：156、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon /空.PNG」、 "にisLast"： "1"、 "isUsed"： "1"、 "MEMO"： ""、 "menuAddr"： "/春・セキュリティ・メニュー/ makepage / Html_brower1"、 "menuID属性"：394、 "menuInde​​x"：5、 "menuLevel"： "2"、 "MENUNAME"： "BI浏览"、 "menuNameEn"： "makepage / Html_brower1"、 "menuState"："0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：156、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon /エンプティ。 PNG " "にisLast"： "1"、 "isUsed"： "1"、 "MEMO"： ""、 "menuAddr"： "/春・セキュリティ・メニュー/メーカー/ browser1"、 "menuID属性"：393、" menuInde​​x "：6、" menuLevel "：" 2" 、 "MENUNAME"： "组态浏览"、 "menuNameEn"： "メーカー/ browser1"、 "menuState"： "0"、 "menuType"： "1"、」 pMenuList "：[]、" parentMenuId "：156、" selectIconLocation "：" "}、{" defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / empty.png " "にisLast"："1" 、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "/スプリングセキュリティメニュー/インデックス"、 "menuID属性" 411、 "menuInde​​x"：7、 "menuLevel"：」 2" 、 "MENUNAME"： "首页"、 "menuNameEn"： "インデックス"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：156、 "selectIconLocation "：" ES /共通/画像/ menuIcon / emptyChecked.png "}、{" defaultIconLocation "：" /モジュール/共通/画像は/ menuIcon / index.png " "にisLast"： "1"、 "isUsed"：" 1" 、 "メモ"： ""、 "menuAddr"： "/スプリングセキュリティメニュー/ダッシュボード"、 "menuID属性" 410、 "menuInde​​x"：8、 "menuLevel"： "2"、 "MENUNAME"："首页大屏"、 "menuNameEn"： "ダッシュボード"、 "menuState"： "1"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：156、 "selectIconLocation"：「ES /共通/画像/ menuIcon / indexChecked.png "}、{" defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / index.png " "にisLastは"： "1"、 "isUsed"： "1"、" メモ"：" " "menuAddr"： "/スプリングセキュリティメニュー/ BIM"、 "menuID属性" 412、 "menuInde​​x"：9、 "menuLevel"： "2"、 "MENUNAME"： "BIM"、" menuNameEn "：" " "menuState"： "1"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：156、 "selectIconLocation"："共通/画像/ menuIcon / indexChecked.png "}]、" parentMenuId "：0、" selectIconLocation "：" /モジュール/共通/画像/ menuIcon / indexChecked.png "}、{" defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / analyze.png」、 "にisLast"： "2"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "ジャバスクリプト：ボイド（0）"、 "menuID属性"：178 、 "menuInde​​x"：3、 "menuLevel"： "1"、 "MENUNAME"： "用能分析"、 "menuNameEn"： "統計"、 "menuNo"： ""、 "menuState"： "0"、 "menuType "：" 1" 、 "pMenuList"：[{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"： "1"、 "isUsed"： "1"、」メモ "：" " "menuAddr"： "/スプリングセキュリティメニュー/エネルギー/ energyStatistics / toMain"、 "menuID属性" 180、 "menuInde​​x"：1、 "menuLevel"： "2"、 "MENUNAME"："能耗统计」、 "menuNameEn"： "ユーザーアラーム設定"、 "menuNo"： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：178 、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"： "1"、 "isUsed"： "1"、 "メモ"、」 " "menuAddr"： "/スプリングセキュリティメニュー/エネルギー/ energyStatistics / energyCompare"、 "menuID属性" 181、 "menuInde​​x"：2、 "menuLevel"： "2"、"MENUNAME "：" 能耗对比 " "menuNameEn"： "ユーザーアラーム設定"、 "menuNo"： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、" parentMenuId "：178、" selectIconLocation "：" "}、{" defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / empty.png " "にisLast"： "1"、 "isUsed"： "1"、"メモ "："」、 "menuAddr"： "/スプリングセキュリティメニュー/ curve_analysis"、 "menuID属性" 406、 "menuInde​​x"：3、 "menuLevel"： "2"、 "MENUNAME"： "曲线分析"、 "menuNameEn"： "curve_analysis"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：178、」selectIconLocation "：" "}、{" defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / empty.png」、 "にisLast"： "1"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "/スプリングセキュリティメニュー/エネルギー/ energyStatistics / energyRanking"、 "menuID属性" 182、 "menuInde​​x"：4、 "menuLevel"： "2"、 "MENUNAME"： "账单分析"、 "menuNameEn "：" ユーザアラーム設定」、 "menuNo"： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：178、 "selectIconLocation"： "" }、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"： "1"、 "isUsed"： "1"、」MEMO "：" " "menuAddr"： "/春・セキュリティ・メニュー/エネルギー/ energyStatistics / demandAnalysis"、 "menuID属性"：184、 "menuInde​​x"：11、 "menuLevel"： "2"、 "MENUNAME"："峰平谷负荷分析」、 "menuNameEn"： "経済エネルギー分析"、 "menuNo"： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"： 178、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"： "1"、 "isUsed"： "1"、 "メモ"。 ""、 "menuAddr"： "/春・セキュリティ・メニュー/ / ullageAnalysis / toMainを装備"、 "menuID属性"：258、 "menuInde​​x"：22、 "menuLevel"： "2"、」MENUNAME "：" 需量分析」、 "menuNameEn"： "アレージ分析"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：178、 "selectIconLocation" ： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"： "1"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr "：" /春・セキュリティ・メニュー/ SYS / RecurrenceController / totoLost」、 "menuID属性"：353、 "menuInde​​x"：27、 "menuLevel"： "2"、 "MENUNAME"： "漏损分析"、 "menuNameEn" ： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：178、 "selectIconLocation"： ""}]、」parentMenuId "：0、" selectIconLocation "：" dules /共通/画像/ menuIcon / analyzeChecked.png "}、{" defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / system.png " "にisLast"：" 2 」、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "ジャバスクリプト：ボイド（0）"、 "menuID属性" 348、 "menuInde​​x"：5、 "menuLevel"： "1"、 "MENUNAME"： "预测分析"、 "menuNameEn"： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png " "にisLast"： "1"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"："/スプリングセキュリティメニュー/ energyConRep / toHourlyReport " "menuID属性" 351、 "menuInde​​x"：3、 "menuLevel"： "2"、 "MENUNAME"： "数据预分析"、 "menuNameEn"： ""、" menuState "：" 0" 、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：348、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon /empty.png","isLast":"1","isUsed":"1","mEMO":"","menuAddr":"/spring-security-menu/sys/RecurrenceController/toForcast","menuId "：352、" menuInde​​x "：4、" menuLevel "：" 2" 、 "MENUNAME"： "电量预测"、 "menuNameEn"： "電気"、 "menuState"： "0"、"menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：348、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、」 isLast "：" 1" 、 "isUsed"： "1"、 "MEMO"： ""、 "menuAddr"： "/春・セキュリティ・メニュー/ SYS / RecurrenceController / toGlForcast"、 "menuID属性"：403、 "menuInde​​x" ：5、 "menuLevel"： "2"、 "MENUNAME"： "负荷预测"、 "menuNameEn"： "予報"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[] 、 "parentMenuId"：348、 "selectIconLocation"： ""}]、 "parentMenuId"：0、 "selectIconLocation"： "ES /共通/画像/ menuIcon / systemChecked.png"}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / tool.png"、 "にisLast"： "2"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "ジャバスクリプト：ボイド（0）」、 "menuID属性" 204、 "menuInde​​x"：6、 "menuLevel"： "1"、 "MENUNAME"： "运维管理"、 "menuNameEn"： "EquipManage"、 "menuNo"： "" 、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"： "1"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "/スプリングセキュリティメニュー/ / olEquipmentAnalysis / toCommunicationを装備"、 "menuID属性" 206、 "menuInde​​x"：3、"menuLevel"： "2"、 "MENUNAME"： "设备台账"、 "menuNameEn"： "ラインeqiupment解析に"、 "menuNo"： ""、 "menuState"： "0"、 "menuType"： "1 」、 "pMenuList"：[]、 "parentMenuId"：204、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"： "1" 、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "/スプリングセキュリティメニュー/ビジネスサービス/ deviceTree / toSubitem"、 "menuID属性" 261、 "menuInde​​x"：13、 "menuLevel" ： "2"、 "MENUNAME"： "分类分项"、 "menuNameEn"： "サブ項目"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：204、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"： "1"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "/スプリングセキュリティメニュー/ SYS / AcppController / toMain"、 "menuID属性" 326、 "menuInde​​x" 15、 "menuLevel"： "2"、 "MENUNAME"： "运维计划"、 "menuNameEn"： "保守計画セット"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：204、」 selectIconLocation "：" "}、{" defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / empty.png」、 "にisLast"： "1"、 "isUsed"： "1"、 "メモ"。""、 "menuAddr"： "/春・セキュリティ・メニュー/装備/ toInspection"、 "menuID属性"：407、 "menuInde​​x"：17、 "menuLevel"： "2"、 "MENUNAME"： "运维记录"、 "menuNameEn"： "xujianjilu"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：204、 "selectIconLocation"： ""}]、 "parentMenuId"： 0、 "selectIconLocation"： "共通/画像/ menuIcon / toolChecked.png"}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / alarm.png"、 "にisLast"： "2"、 "isUsed" ： "1"、 "メモ"： ""、 "menuAddr"： "ジャバスクリプト：ボイド（0）"、 "menuID属性" 55、 "menuInde​​x"：7、 "menuLevel"： "1"、」MENUNAME "：" 告警管理 " "menuNameEn"： "AlarmManage"、 "menuNo"： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[{ "defaultIconLocation"：" /modules/common/images/menuIcon/empty.png","isLast":"1","isUsed":"1","mEMO":"","menuAddr":"/spring-security-menu/sys / alarmEventHandle / toMain " "menuID属性" 241、 "menuInde​​x"：5、 "menuLevel"： "2"、 "MENUNAME"： "历史事件查找"、 "menuNameEn"： "alarmEventHandle"、 "menuState"：" 0 " "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId" 55、 "selectIconLocation"： ""}、{ "defaultIconLocation"："/modules/common/images/menuIcon/empty.png","isLast":"1","isUsed":"1","mEMO "：" 告警配置报警事项句配置 " "menuAddr"：" /春-securityメニュー/ historical_event」、 "menuID属性" 401、 "menuInde​​x"：6、 "menuLevel"： "2"、 "MENUNAME"： "报警事项句"、 "menuNameEn"： "historical_event"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId" 55、 "selectIconLocation"： ""}]、 "parentMenuId"：0、 "selectIconLocation"： "/ /モジュール/コモン画像/ menuIcon / alarmChecked.png "}、{" defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / monitor.png " "にisLast"： "2"、 "isUsed"： "1"、"メモ "：" " "menuAddr"： "ジャバスクリプト：ボイド（0）"、 "menuID属性"：21、 "menuInde​​x"：9、 "menuLevel"： "1"、 "MENUNAME"： "售电管理"、" menuNameEn "：" アカウント " "menuNo"： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[{ "defaultIconLocation"：" /モジュール/共通/画像/ menuIcon / empty.png」、 "にisLast"： "1"、 "isUsed"： "1"、 "MEMO"： "售电系统"、 "menuAddr"： "/春・セキュリティ・メニュー/ shoudian"、 "menuID属性"： 388、 "menuInde​​x"：1、 "menuLevel"： "2"、 "MENUNAME"： "售电系统"、 "menuNameEn"： "shoudian"、 "menuState"： "1"、 "menuType"： "1"、 "pMenuList "：[]、" parentMenuId "：21、" selectIconLocation "：" "}]、" parentMenuId "：0、" selectIconLocation "：" ES /共通/画像/ menuIcon / monitorChecked.png "}、{" defaultIconLocation」 ： "/モジュール/共通/画像/ menuIcon / user.png"、 "にisLast"： "2"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "ジャバスクリプト：ボイド（0） 」、 "menuID属性" 387、 "menuInde​​x" 10、 "menuLevel"： "1"、 "MENUNAME"： "采集管理"、 "menuNameEn"： "caiji"、 "menuState"： "0"、 "menuType" ： "1"、 "pMenuList"：[{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"： "1"、 "isUsed"： "1"、」メモ "：" " "menuAddr"： "/スプリングセキュリティメニュー/ SYS / DeviceManagerAll / toMeteringList"、 "menuID属性" 254、 "menuInde​​x"：1、 "menuLevel"： "2"、 "MENUNAME"："设备模型配置」、 "menuNameEn"： "デバイスモデルセット"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：387、 "selectIconLocation"： "" }、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"： "1"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"：」 ？/春・セキュリティ・メニュー/ SYS / ImportDataController / toMainタイプ= 1" 、 "menuID属性"：257、 "menuInde​​x"：2、 "menuLevel"： "2"、 "MENUNAME"： "数据录入"、"menuNameEn"： "手による店舗エネルギー"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：387、 "selectIconLocation"： ""}、{」 defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / empty.png " "にisLast"： "1"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"：" /スプリングセキュリティ-menu / SYS / CollectionManagerController / toParam " "menuID属性"：253、 "menuInde​​x"：3、 "menuLevel"： "2"、 "MENUNAME"： "采集管理"、 "menuNameEn"： "コレクションマネージャ"、" menuState "：" 0" 、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：387、 "selectIconLocation"： ""}、{」defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / empty.png " "にisLast"： "1"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"：" /スプリングセキュリティ-menu / SYS / UseEnergyAnalysisController / toParamSet " "menuID属性" 320、 "menuInde​​x"：4、 "menuLevel"： "2"、 "MENUNAME"： "用能参数单位配置"、 "menuNameEn"：" UseEnergy UnitCodeセット" "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：387、 "selectIconLocation"： ""}、{ "defaultIconLocation"/" /モジュール/コモン画像/ menuIcon / empty.png " "にisLast"： "1"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"："/春・セキュリティ・メニュー/のRealTimeData / toPointData " "menuID属性"：378、 "menuInde​​x"：5、 "menuLevel"： "2"、 "MENUNAME"： "实时数据"、 "menuNameEn"： ""、" menuState "：" 0" 、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：387、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png " "にisLast"： "1"、 "isUsed"： "1"、 "MEMO"： "日冻结数据补抄"、 "menuAddr"： "/春・セキュリティ・メニュー/ replication_of_daily_frozen_data"、" menuID属性"：402、" menuInde​​x "：6、" menuLevel "：" 2" 、 "MENUNAME"： "日冻结数据补抄"、 "menuNameEn"： "replication_of_daily_frozen_data"、」menuState "：" 0" 、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：387、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon /empty.png","isLast":"1","isUsed":"2","mEMO":"influxDb查询明细数据 " "menuAddr"： "/春・セキュリティ・メニュー/ influxDb_data_html"、" menuID属性"：391、" menuInde​​x "：31、" menuLevel "：" 2" 、 "MENUNAME"： "influxDb查询明细数据"、 "menuNameEn"： "influxDb_data_html"、 "menuState"： "0"、 "menuType"：」 1" 、 "pMenuList"：[]、 "parentMenuId"：387、 "selectIconLocation"： ""}]、 "parentMenuId"：0、 "selectIconLocation"：」/modules/common/images/menuIcon/userChecked.png"},{"defaultIconLocation":"/modules/common/images/menuIcon/user.png","isLast":"1","isUsed":"1" 、 "メモ"： ""、 "menuAddr"： "SYS /メニュー/ toMain"、 "menuID属性"：1、 "menuInde​​x"：11、 "menuLevel"： "1"、 "MENUNAME"： "系统管理"、」 menuNameEn "：" システム " "menuNo"： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[{ "defaultIconLocation"：" /モジュール/共通/画像/ menuIcon / empty.png」、 "にisLast"： "1"、 "isUsed"： "1"、 "MEMO"： ""、 "menuAddr"： "/春・セキュリティ・メニュー/ SYS /会社概要/ toMain"、 "menuID属性" ：20、"menuInde​​x"：9、 "menuLevel"： "2"、 "MENUNAME"： "企业配置"、 "menuNameEn"： "領域管理"、 "menuNo"： ""、 "menuState"： "0"、 "menuType" ： "1"、 "pMenuList"：[]、 "parentMenuId"：1、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"： "1"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "/スプリングセキュリティメニュー/ SYS /ユーザ/ toMain"、 "menuID属性"：16、 "menuInde​​x"：10、 "menuLevel"： "2"、 "MENUNAME"： "用户管理"、 "menuNameEn"： "ユーザ管理"、 "menuNo"： ""、 "menuState"： "0"、」menuType "：" 1" 、 "pMenuList"：[]、 "parentMenuId"：1、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、「にisLast "：" 2" 、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "/スプリングセキュリティメニュー/ SYS /役割/ toMain"、 "menuID属性"：13、 "menuInde​​x"： 11、 "menuLevel"： "2"、 "MENUNAME"： "角色管理"、 "menuNameEn"： "ロール管理"、 "menuNo"： ""、 "menuState"： "0"、 "menuType"： "1" 、 "pMenuList"：[]、 "parentMenuId"：1、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"："1"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "/ SYS / roleAssign / toMain /スプリングセキュリティメニュー"、 "menuID属性"：15、 "menuInde​​x"：13、 "menuLevel"： "2"、 "MENUNAME"： "权限管理"、 "menuNameEn"： "権限管理"、 "menuNo"： ""、 "menuState"： "0"、 "menuType"： "1"、」 pMenuList "：[]、" parentMenuId "：1、" selectIconLocation "：" "}、{" defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / empty.png " "にisLast"： "1"、" isUsed "：" 1" 、 "MEMO"： ""、 "menuAddr"： "/春・セキュリティ・メニュー/ SYS / / toLoginLogをログ"、 "menuID属性"：63、 "menuInde​​x"：14、 "menuLevel"："2"、 "MENUNAME"： "日志管理"、 "menuNameEn"： "ログ管理"、 "menuNo"： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[ ]、 "parentMenuId"：1、 "selectIconLocation"： ""}]、 "parentMenuId"：0、 "selectIconLocation"： "/モジュール/共通/画像/ menuIcon / userChecked.png"}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / plat.png " "にisLast"： "2"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "ジャバスクリプト：ボイド（0）"、" menuID属性 "：92、" menuInde​​x "：12、" menuLevel "：" 1" 、 "MENUNAME"： "平台管理"、 "menuNameEn"： "プラットフォーム"、 "menuNo"： ""、」menuState "：" 0" 、 "menuType"： "1"、 "pMenuList"：[{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"： "1"、 "isUsed "：" 1" 、 "メモ"： "0"、 "menuAddr"： "/スプリングセキュリティメニュー/ SYS / dictの/ toMain"、 "menuID属性"：24、 "menuInde​​x"：3、 "menuLevel"：」 2" 、 "MENUNAME"： "数据字典"、 "menuNameEn"： "データ辞書"、 "menuNo"： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[] 、 "parentMenuId" 92、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / system.png"、 "にisLast"： "2"、 "isUsed"："1"、 "メモ"： ""、 "menuAddr"： "/スプリングセキュリティメニュー/ SYS /メニュー/ toMain"、 "menuID属性"：2、 "menuInde​​x"：5、 "menuLevel"： "2"、 "MENUNAME"： "菜单管理"、 "menuNameEn"： "メニュー管理"、 "menuNo"： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId "：92、" selectIconLocation "：" /モジュール/共通/画像/ menuIcon / systemChecked.png "}、{" defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / empty.png " "にisLast"：" 1 " "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "/スプリングセキュリティメニュー/ SYS / dataReportSystem"、 "menuID属性" 222、 "menuInde​​x"：6、"menuLevel "：" 2" 、 "MENUNAME"： "报表设计"、 "menuNameEn"： "レポートデザイン"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId "：92、" selectIconLocation "：" "}、{" defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / empty.png " "にisLast"： "1"、 "isUsed"： "1"、" メモ"：" 页面制定 " "menuAddr"： "/春・セキュリティ・メニュー/ makepage / Html_config"、 "menuID属性"：239、 "menuInde​​x"：12、 "menuLevel"： "2"、 "MENUNAME"：" BI设计 " "menuNameEn"： "designPage"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"：92、"selectIconLocation "：" "}、{" defaultIconLocation "：" /モジュール/共通/画像/ menuIcon / empty.png」、 "にisLast"： "1"、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "/春・セキュリティ・メニュー/メーカー/ configの"、 "menuID属性"：267、 "menuInde​​x"：17、 "menuLevel"： "2"、 "MENUNAME"： "组态编辑"、 "menuNameEn" "メーカー"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId" 92、 "selectIconLocation"： ""}、{ "defaultIconLocation"： "/モジュール/common/images/menuIcon/empty.png","isLast":"1","isUsed":"1","mEMO":"0","menuAddr "："/春・セキュリティ・メニュー/ SYS / sysPara / toMain " "menuID属性"：27、 "menuInde​​x"：28、 "menuLevel"： "2"、 "MENUNAME"： "系统参数"、 "menuNameEn"：" システムパラメータ」、 "menuNo"： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId" 92、 "selectIconLocation"： ""}、{ "defaultIconLocation" ： "/モジュール/共通/画像/ menuIcon / empty.png"、 "にisLast"： "1"、 "isUsed"： "1"、 "メモ"、 "漏损分析配置"、 "menuAddr"： "/春-securityメニュー/ leakage_analysis_configuer " "menuID属性" 400、 "menuInde​​x" 33、 "menuLevel"： "2"、 "MENUNAME"： "漏损分析配置"、 "menuNameEn"："leakage_analysis_configuer " "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId" 92、 "selectIconLocation"： ""}、{ "defaultIconLocation"：" /モジュール/コモン/images/menuIcon/empty.png","isLast":"1","isUsed":"1","mEMO":"","menuAddr":"/spring-security-menu/query_table_bottom_values","menuId "：408、" menuInde​​x "：34、" menuLevel "：" 2" 、 "MENUNAME"： "表底值查询"、 "menuNameEn"： ""、 "menuState"： "0"、 "menuType"： "1 " "pMenuList"：[]、 "parentMenuId" 92、 "selectIconLocation"： ""}]、 "parentMenuId"：0、 "selectIconLocation"："/modules/common/images/menuIcon/platChecked.png"},{"defaultIconLocation":"/modules/common/images/menuIcon/user.png","isLast":"1","isUsed":"1" 、 "メモ"： ""、 "menuAddr"： "/アプリケーション"、 "menuID属性" 379、 "menuInde​​x"：13、 "menuLevel"： "1"、 "MENUNAME"： "APP管理"、 "menuNameEn"： "FSD"、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[{ "defaultIconLocation"： "/モジュール/共通/画像/ menuIcon / report.png"、 "にisLast"：」 1" 、 "isUsed"： "1"、 "メモ"： ""、 "menuAddr"： "/スプリングセキュリティメニュー/ APP / SYS / AppManageController / toMain"、 "menuID属性" 386、 "menuInde​​x"：2 、」menuLevel "：" 2" 、 "MENUNAME"： "APP管理"、 "menuNameEn"： ""、 "menuState"： "0"、 "menuType"： "1"、 "pMenuList"：[]、 "parentMenuId"： 379、 "selectIconLocation"： "/モジュール/共通/画像/ menuIcon / reportChecked.png"}]、 "parentMenuId"：0、 "selectIconLocation"： "/モジュール/共通/画像/ menuIcon / userChecked.png"/modules/common/images/menuIcon/userChecked.png」/modules/common/images/menuIcon/userChecked.png」}]
         // 試験レベル3メニューのサポートは、結論はによってサポートされている 
        JSON [0] [ 'pMenuList' ] [0] .pMenuList.push（{ "MENUNAME"： "APP 管理"、 "menuLevel"：3 }）。
        JSON [ 0] [ 'pMenuList'] [0] .pMenuList.push（{ "MENUNAME"： "APP管理1"、 "menuLevel"：3 }）。
    機能initUl（）{
         // 使用递归构建STR 
        VAR menuStr = '<UL ID = "UU">'
         のための（VAR I = 0; iは<json.length; iは++ ）{
             VAR N = JSON [I]。
            menuStr + = '<LI>' +
                        '<スパンクラス= "ボックス・ヘッド">' + n.menuName + '</スパン>' ;
            もし（n.pMenuList && n.pMenuList.length）{
                 VARの ARR = n.pMenuList。
                getbutnodes（ARR）。
            } 他{
                menuStr + = '</李>' ;
            }
        }    
        menuStr + = "</ UL>" ;
        $（ "#uu" ）の.html（menuStr）。
        関数getbutnodes（_arr）{
             場合（_arr.length == 0）{ リターン}
            menuStr + = '<ULクラス= "お子様UL">' ;
             // 現在のメニューレベルを取得している多くの
            VARのレベル= _arr [0] || .menuLevel 1。;
            console.log（レベル）。
            VaRの NBSP = 新しいアレイ（Math.ceil（レベル））.join（ "＆EMSP;" ）;
            用（VARの J = 0; J <_arr.length; J ++ ）{
                 VAR _a = _arr [J]。
                menuStr + = '<LI>' +
                        '<スパンクラス= "ボックスヘッド">' + NBSP +レベル+ _a.menuName + '</スパン>' ;
                もし（_a.pMenuList instanceofのアレイ）{
                    getbutnodes（_a.pMenuList）
                }
            }
            menuStr + = '</ UL>' ;
        }
    }
    

    </ SCRIPT>

</ BODY>
</ HTML>
コードの表示

レンダリング

 

おすすめ

転載: www.cnblogs.com/pengfei25/p/11374235.html
おすすめ
Open Source Daily | 大規模なモデルの価格競争における推論の最適化、Mistral AI は独自の Lu Xun を使用して米国市場をターゲットにしています。
ランキング
必要なのは注意だけです:Transformer の核となるアイデア
OpenCVの023 ---中央ぼかし
アプリケーション・コンテキスト
GD32starup_gd32e10x.s分析
Ubuntu 64のGCCはどのように32ビットプログラムをコンパイルしますか
動的パラメータとの比較をソートする方法は？
どのように同じコンテンツを操作するための複数のキーエントリでExcelスプレッドシート？偉大な神がそうしています
Mac用SILKYPIX Developer Studioをプロ9E（画像エディタ）
Ali Lingyang One の立ち上げの裏で、小売企業は新しいデジタル ソリューションを歓迎
ブロックチェーンとエッジデバイス上のリソースストレージに関するこの写真を見るのを手伝ってくれるブロックチェーン関連の大物はいますか?
アーカイブ
もっと
2024-05-29(1)
2024-05-28(0)
2024-05-27(1)
2024-05-26(0)
2024-05-25(1)
2024-05-24(11)
2024-05-23(35)
2024-05-22(9)
2024-05-21(36)
2024-05-20(5)

コードワールド

© 2018 codetd.com