北城波斯小仙君 2016-11-20 22:36 采纳率: 0%
浏览 1136
已采纳

jquery 点击链接跳转问题

 <div class="menu">
<ul>
    <li>列表</li>
    <li>报表</li>
</ul>
</div>
<div class="subMenu">
<ul>
    <li><a href="http://www.baidu.com">综合列表</a></li>
    <li><a href="http://www.360.com">子列表</a></li>
</ul>
<ul>
    <li><a href="http://mail.qq.com">综合报表</a></li>
    <li><a href="http://www.qq.com">子报表</a></li>
</ul>
</div>
<div class="main"></div>
$(function(){
$(".menu ul li").click(function(){
var index=$(".menu ul li").index(this);
$(".subMenu>ul").eq(index).show().siblings().hide();
});

目前是点击menu里面的li切换subMenu里面的ul,同时在main里面加载subMenu里面的ul下的第一个li里的a的href链接

抱歉没有分了
在线等

  • 写回答

1条回答 默认 最新

  • 斯洛文尼亚旅游 2016-11-21 07:17
    关注
     $(function(){
    $(".menu ul li").click(function(){
    var index=$(".menu ul li").index(this);
    $(".subMenu>ul").eq(index).show().siblings().hide();
    $('div.main').load($(".subMenu>ul").eq(index).find('a:first').attr('href')))////////
    });
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
编辑
预览

报告相同问题?

手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部