我正在制作我正在构建的 wordpress 网站的家谱部分。
在管理员方面,管理员应该能够设置子条目或父条目并创建家族树结构。每个节点应该能够拥有无限数量的子节点,并且只有一个父节点。
在这些帖子的类别页面上,它们应该出现在组织结构图结构中。
由于这些帖子与网站上其他内容的集成,我无法使用现成的插件,例如WP Family Tree 插件。所以我的下一步是找到一个合适的 jQuery 插件来安排前端的帖子。我遇到的下一个障碍是插件通常需要很难或不可能在 wordpress 循环中动态再现的 html 结构。
我尝试使用jQuery 组织图,但所需的结构是在嵌套的无序列表上中继。这是一个例子:
<ul>
<li> fruit
<ul>
<li>apple</li>
<li>berries
<ul>
<li>blueberries</li>
<li>cranberies</li>
</ul>
</li>
</ul>
</li>
</ul>
此代码将产生以下结构:
fruit
|
|
------------------
| |
apple berries
|
---------------
| |
blueberries cranberies
我找不到构建将所需帖子放入嵌套无序列表的循环的方法。我正在使用高级自定义字段插件来创建帖子之间的父子关系。
所以我有两个问题: 1. 是否可以使用 jQuery 组织图工作所需的上述结构创建一个循环?如果有,请分享 2. 如果没有,是否有基于 ids 和 classes 构建组织结构图的解决方案,其中子元素的类名与父元素的 id 相同,如下所示:
<div id="title1">
</div>
<div id="title2" class="child-title1">
</div>