Weebly的自动生成的侧面菜单，可能使用JavaScript或jQuery
有没有人开发过一种方法来自动生成Weebly网站的左侧菜单，可能是通过JavaScript或jQuery？ 我并不关心移动下拉菜单，而是更喜欢侧边菜单。 在Weebly论坛网站上，有一个关于如何手动创建每个人的说明，但是每次添加页面时都需要更新它。
我使用jQuery和CSS为此提出了自己的解决方案。
这是一般过程：
-
获取当前页面的根链接。 如果您在主链接上，那就是它，否则，将树爬到父级。
-
确定主父链接是否有任何子链接。 如果没有，请对左侧菜单不执行任何操作。
-
如果有子链接，请从页面上已有的导航中获取。
-
创建一个结构，将页面内容向右移动，并为左侧菜单提供空间。
-
将子链接复制到左侧菜单区域。
JavaScript
CSS
ul.wsite-menu li { padding-bottom: 5px; } .leftmenupage { margin-left: -15px; width:850px; } td.leftmenu { width: 200px; white-space: nowrap; padding: 7px 7px; vertical-align: top; border-radius: 15px; background: #ddd; color: #333; padding: 12px 12px; min-width: 200px; min-height: 250px; } td.leftmenu li { padding-bottom: 7px; } td.leftmenu a { color: #333; font-size: 1.33em; padding: 5px 0px; display: block; } td.leftmenu a:hover {text-decoration: underline; } td.leftmenu li a { font-size: 1em; } td.leftmenu li{ color: #333; font-size: 1em; padding: 2px 0px; } td.leftmenu li li { color: #333; font-size: 1em; padding: 2px 0 2px 15px; } td.rightcontent { width: 75%; padding-left:25px; width: 650px; }
有关如何实现此操作的更详细说明， 请参阅我的博客文章 ：