[英]wordpress style menu manager
我正在嘗試使用php
和jquery-ui
為自己的CMS創建一個WordPress樣式菜單管理器。 我已經邁出了第一步,但是我真的不知道該如何進行,尤其是如何實現菜單項之間的父子關系。 我的實際代碼看起來像
<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
存放從數據庫中檢索到的菜單項
您可以使用此插件在您的網站http://dbushell.github.io/Nestable/中實現可拖動菜單功能
它使用簡單,您可以自行定制。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.