求一个jquery代码(不是懒或不想学,只是一下子弄不来,跪谢)
各位大哥大姐,帮帮忙,应急一下,不是懒或不想学,只是一下子弄不来,跪谢了。
主要是根据权限控制元素是否显示(可以通过显示/隐藏或删除),数据库的权限存放在字符串里,格式为"|001||||068||||"
现有html菜单代码,主要分为3级,class=“L1”的为第一级,“L21”为有第3级子菜单的第2级菜单,“L22”为没有第3级菜单的第2级菜单,“L3”为第3级子菜单,没有第4级菜单。
数据库权限里存放的都是末级菜单(L22,L3)的权限,是通过id来标记的,如果末级菜单中a标签的id不在权限字符串中,则隐藏或删除该末级菜单,如果2级菜单下无子菜单则隐藏或删除该2级菜单,如果1级菜单下无子菜单,则隐藏或删除该1级菜单。
判断范围应在id为menu的ul里。
测试:
1.已知权限字符串 var strAuthority='|001||||068||||',空id的末级菜单显示
2.菜单html
- HTML code
<html><ul id="menu"><li class="L1"><a href="javascript:c(m04);" id="m04"><span>能拿到</span></a></li> <ul id="m04d" class="U1"> <li class="L21"><a href="javascript:c(m041);" id="m041"><span>啪啪啪</span></a></li> <ul id="m041d" > <li class="L3"><a href="xx.aspx" id="055"><span>看看</span></a></li> <li class="L3"><a href="xx.aspx" id="056"><span>是的</span></a></li> </ul> </ul> <li class="L1"><a href="javascript:c(m05);" id="m05"><span>放放风</span></a></li> <ul id="m05d" class="U1"> <li class="L22"><a href="xx.aspx" id="068"><span>水防辐射</span></a></li> <li class="L22"><a href="xx.aspx" id="069"> <span>地方/span></a></li> <li class="L22"><a href="xx.aspx" id="070"><span>所属</span></a></li> <li class="L22"><a href="xx.aspx" id="071"><span>事实上</span></a></li> <li class="L22"><a href="xx.aspx" id="072"><span>发发送到</span></a></li> <li class="L22"><a href="xx.aspx" id="073"><span>啊啊</span></a></li> </ul> <li class="L1"><a href="javascript:c(m06);" id="m06"><span>水电费</span></a></li> <ul id="m06d" class="U1"> <li class="L22"><a href="xx.aspx" id=""><span>凤飞飞</span></a></li> </ul></ul></html>
[解决办法]
后台在输出html的时候,“根据”权限来输出不同的class就行了,或者干脆就根本不输出相应的html。用不着再在javascript里边搞。
[解决办法]
1.你如果想用Jquery来做点“动态”的效果的话,不如用AJAX的Accordion。
2.就想1楼说的直接用JS判断你的子菜单是否为空,来控制display or hidden,当然你可以用Jquery的特效做效果要好些。
[解决办法]
[解决办法]
夜猫子。。
[解决办法]