jquery 事件 实现top导航和left导航联动

 

 

需求:单击top中的导航,自动显示对应的left导航.同时left导航中的第一个有效a标签在右侧mainframe位置中显示出来.

需求都已经明确了.我们来看看如何实现的.

1.点击top导航,触发单击事件,调用index.jsp页面中的函数并传递参数(当前单击的是第几个li).index.jsp的函数中在调用left中的函数,并将参数传递过去.在left中决定让哪一个div显示.

2.在left函数中需要做如下两个操作.

a.获取被选中的第i个组div中的第一个li中的a标签.

 b.自动触发a标签的单击事件

========================================================================

具体操作如下:

 

 

 

 // 左导航随带头部导航变动函数

function leftNavs(blockMark) {

$(".leftNavs" + '>:eq(' + blockMark + ')').show().siblings().hide();

//自动触发每一组第一个页面的单击事件

if(blockMark==1){

$(".leftNavs>:eq("+blockMark+") li:eq(1) a")[0].click();

}else{

$(".leftNavs>:eq("+blockMark+") li:eq(0) a")[0].click();

}

}