有没有json与多级菜单dom相互转换的插件?通过json生成二级菜单的html dom可编辑元素,编辑完后又可以生成json对象。
网友回复
代码如下:
<!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%