首页  »   JavaScript

jquery 列表数据上下移动,该怎么处理

网友分享于:2014-06-18  浏览:15次
jquery 列表数据上下移动
实现功能是数据列表可以上下移动,
一级菜单只能在,政务资讯,业务办理,我,上下移动
二级菜单只能在所属的政务资讯一级菜单里面上下移动(如:政务动态  ,通知公告 中心地图 )
一级:业务办理 二级:办事指南,指南查询 ,进度查询 。。。。。。 

求jquery代码
HTML
<ul class="nav nav-list" id="menu-list">
<li class="divider"></li>
<li><button class="btn btn-primary" id="newMenuBtn">添加菜单</button></li>
<li class="divider"></li>
<li class="menu-item"><i class="icon-arrow-right"></i><span class="menu-item-name">政务资讯</span>&nbsp;&nbsp;&nbsp;&nbsp;

<i class="icon-plus newSubMenu"></i>&nbsp;<i class="icon-trash deleteMenu"></i>
<i class="icon-arrow-down arrow"></i><i class="icon-arrow-up arrow"></i>
<input class="menuKey" type="hidden" value="">
<input class="menuType" type="hidden" value="url">
<input class="clickType" type="hidden" value="view">
<ul class="nav nav-list">
<li class="subMenu-item"><span>政务动态</span>&nbsp;&nbsp;&nbsp;&nbsp;<i class="icon-trash deleteMenu"></i>
<i class="icon-arrow-up arrow up "></i><i class="icon-arrow-down arrow down"></i>
<input class="menuKey" type="hidden" value="11">
<input class="menuType" type="hidden" value="key">
<input class="clickType" type="hidden" value="click">
</li>
<li class="subMenu-item"><span>通知公告</span>&nbsp;&nbsp;&nbsp;&nbsp;<i class="icon-trash deleteMenu"></i>
<i class="icon-arrow-up arrow up "></i><i class="icon-arrow-down arrow down"></i>
<input class="menuKey" type="hidden" value="12">
<input class="menuType" type="hidden" value="key">
<input class="clickType" type="hidden" value="click">
</li>
<li class="subMenu-item"><span>中心地图</span>&nbsp;&nbsp;&nbsp;&nbsp;<i class="icon-trash deleteMenu"></i>
<i class="icon-arrow-up arrow up "></i><i class="icon-arrow-down arrow down"></i>
<input class="menuKey" type="hidden" value="13">
<input class="menuType" type="hidden" value="key">
<input class="clickType" type="hidden" value="click">
</li>
</ul>
</li>
<li class="menu-item"><i class="icon-arrow-right"></i><span class="menu-item-name">业务办理</span>&nbsp;&nbsp;&nbsp;&nbsp;

<i class="icon-plus newSubMenu"></i>&nbsp;<i class="icon-trash deleteMenu"></i>
<i class="icon-arrow-down arrow"></i><i class="icon-arrow-up arrow"></i>
<input class="menuKey" type="hidden" value="">
<input class="menuType" type="hidden" value="url">
<input class="clickType" type="hidden" value="view">
<ul class="nav nav-list">
<li class="subMenu-item"><span>办事指南</span>&nbsp;&nbsp;&nbsp;&nbsp;<i class="icon-trash deleteMenu"></i>
<i class="icon-arrow-up arrow up "></i><i class="icon-arrow-down arrow down"></i>
<input class="menuKey" type="hidden" value="21">
<input class="menuType" type="hidden" value="key">
<input class="clickType" type="hidden" value="click">
</li>
<li class="subMenu-item"><span>指南查询</span>&nbsp;&nbsp;&nbsp;&nbsp;<i class="icon-trash deleteMenu"></i>
<i class="icon-arrow-up arrow up "></i><i class="icon-arrow-down arrow down"></i>
<input class="menuKey" type="hidden" value="22">
<input class="menuType" type="hidden" value="key">
<input class="clickType" type="hidden" value="click">
</li>
<li class="subMenu-item"><span>进度查询</span>&nbsp;&nbsp;&nbsp;&nbsp;<i class="icon-trash deleteMenu"></i>
<i class="icon-arrow-up arrow up "></i><i class="icon-arrow-down arrow down"></i>
<input class="menuKey" type="hidden" value="23">
<input class="menuType" type="hidden" value="key">
<input class="clickType" type="hidden" value="click">
</li>
</ul>
</li>
<li class="menu-item"><i class="icon-arrow-right"></i><span class="menu-item-name">我</span>&nbsp;&nbsp;&nbsp;&nbsp;
上一页1/3下一页

相关解决方案

最新解决方案