php - wordpress 风格的菜单管理器

Question

我正在尝试使用php和为我自己的 CMS 制作一个 WordPress 样式的菜单管理器jquery-ui。我已经迈出了第一步，但我真的不知道我应该如何进行，尤其是如何实现菜单项之间的父子关系。我的实际代码看起来像

<style>
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
html>body #sortable li { height: 1.5em; line-height: 1.2em; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
</style>
<script>
$(function() {
    $( "#sortable" ).sortable({
        placeholder: "ui-state-highlight"
    });
    $( "#sortable" ).disableSelection();
});
</script>       
        <div class="admin_menus">
                            <ul id="sortable">
                            <?php foreach($menus as $menu): ?>
                                <?php if(array_key_exists('children', $menu)):?>         
                                <li class="ui-state-default">
                                 <?= $menu['name'] ?>
                                  <ul class="dropdown-menu_test">
                                    <?php foreach($menu['children'] as $menu_child):?>
                                    <li class="ui-state-default" ><?= $menu_child['name'] ?></li>
                                    <?php endforeach;?>

                                  </ul>

                                </li>
                                <?php else:?>
                                <li class="ui-state-default" ><?= $menu['name'] ?></li>
                                <?php endif;?>
                                <?php endforeach;?>                                                                         
                            </ul>
        </div>

$menus从数据库中检索到的菜单项存放在哪里

Answer 1

您可以使用此插件在您的网站http://dbushell.github.io/Nestable/中实现可拖动菜单功能

它使用简单，您可以自己定制。