asp.net下的jquery动态菜单的显示问题

最新推荐文章于 2025-08-21 23:36:32 发布

abc6674752

最新推荐文章于 2025-08-21 23:36:32 发布

阅读量221

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hfpqh/p/3297118.html

本文介绍了一个使用jQuery实现的动态加载XML文件并根据鼠标悬停显示不同子菜单的案例。当用户将光标悬停在“工作流”菜单上时，会显示出一系列的工作流程相关操作选项，如新建工作流、办公用品申请等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我的 <ul id="tab-items">
<li class="hover"><a href="desktop.htm" target="iframe">个人桌面</a></li>
<li><a href="javascript:void(0);">工作流</a></li>
<li><a href="javascript:void(0);">个人事务</a></li>
<li><a href="javascript:void(0);">人力资源</a></li>
<li><a href="javascript:void(0);">行政办公</a></li>
</ul>
菜单是动态加载xml文件生成的
当我焦点放到工作流时要显示工作流下的菜单列表
<ul class="sidenav" >
 <ul id="new" class="new" style="display:none;">
<ul><li class="hover"><a href="#">新建工作流</a></li></ul>
<ul class="subnav">
<li><a href="gzl/bgypsq.htm" target="iframe">- 办公用品申请</a></li>
<li><a href="gzl/qjdj.htm" target="iframe">- 请假登记</a></li>
<li><a href="gzl/wcsq.htm" target="iframe">- 外出申请</a></li>
<li><a href="gzl/ccsq.htm" target="iframe">- 出差申请</a></li>
<li><a href="gzl/wdkzm.htm" target="iframe">- 未打卡证明</a></li>
<li><a href="gzl/jcna.htm" target="iframe">- 奖惩拟案</a></li>
<li><a href="gzl/rsdd.htm" target="iframe">- 人事调动</a>
<ul class="submenu">
<div class="subarrow"></div>
<li><a href="gzl/rsdd_zz.htm" target="iframe">- 转正</a></li>
<li><a href="gzl/rsdd_zjbd.htm" target="iframe">- 职级变动</a></li>
<li><a href="gzl/rsdd_gzdd.htm" target="iframe">- 工作调动</a></li>
<li><a href="gzl/rsdd_xctz.htm" target="iframe">- 薪酬调整申请表</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="gzl/wdgz.htm" target="iframe">我的工作</a></li>
<li><a href="gzl/gzcx.htm" target="iframe">工作查询</a></li>
</ul>
 </ul>
</ul>

我写的 脚本不执行
<script type="text/javascript">
 $(document).ready(function () {
 $('#tab-items ul li:eq(1)').click(function () {
 $("#new").show();
 });
 });
</script>

大家指教下谢谢