+
95
-

有没有json与多级菜单dom相互转换的插件?

有没有json与多级菜单dom相互转换的插件?通过json生成二级菜单的html dom可编辑元素,编辑完后又可以生成json对象。


网友回复

+
15
-

800_auto

代码如下:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">

    <meta name="robots" content="all">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.1.4.2.js"></script>
    <style>
        #book {
                    background: white;
                    padding: 10px;


                }
                #chapter .bookname {
                    padding: 10px 10px 10px 0;
                    font-size: 18px;
                    font-weight: bold;
                }
                .tile__list p {
                    padding-left: 20px;
                }
                .tile__name {
                    background: #f6f5f5;
                    border-left: 12px solid #2596cc;
                    font-size: 16px;
                    font-weight: bold;
                    padding: 6px;
                }
                .addpbtn,.delppbtn ,.delpbtn {
                    margin-left: 10px;
                }
                #coursesections{
                    width: 100%;
                    margin-top: 20px;
                }
    </style>
</head>

<body>

    <div>


        <div id="book">
            <div id="chapter">
                <div class="bookname">
                    点击右侧+号添加<i style="margin-left:30px;" class="fa fa-lg fa-plus-circle addbtn"></i>
                </div>

            </div>
        </div>
        <inputBfwOnclick="domtojson()" type="button" value="转成json" /> <inputBfwOnclick="jsontodom()" type="button" value="从json读取" />
        <textarea id="coursesections" name="coursesections" rows="12" cols="10"></textarea>

    </div>


    <script type="text/javascript">
    var globelj=0;
        $(function(){
            Init();
 ...

点击查看剩余70%

我知道答案,我要回答