0

我正在制作我正在构建的 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>
4

0 回答 0