jquery动态菜单的显示

selg1984 2013-09-02 01:00:59

我的 <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>

请大家指教下谢谢

...全文

99 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

u010072032 2013-09-02

打赏
举报

fyrise 2013-09-02

打赏
举报

楼上正解，去掉ul ,$('#tab-items li:eq(1)')

xb06620422 2013-09-02

打赏
举报

$('#tab-items li:eq(1)')

掌握永恒需控制现在 2013-09-02

打赏
举报

引用楼主 selg1984 的回复:

我的 <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> 请大家指教下谢谢

js脚本中 <script type="text/javascript"> $(document).ready(function () { $('#tab-items ul li:eq(1)').click(function () { $("#new").show(); }); }); </script> 那个ul是多余的