jquery后台系统内页链接跳转左侧菜单选中到当前页

该案例主要说的是左侧菜单固定,内容主要通过iframe或者ajax引入的后台系统页面。当内容页面有个链接点击跳到另外一个菜单页,左侧菜单要选中当前跳转页面对应的菜单。

我写的后台界面是用iframe实现:

在iframe页面中

<a href="#" class="btn btn-default btn-block" onclick="jumpUrl('baoxianyujingguanli/baodandaoqitixing.html')">查看全部</a>
function jumpUrl(url){
  var element =  window.parent.$('ul.nav a').filter(function() {
    return $(this).data('url') == url;
  }).addClass('active').parent();//菜单选中

  while (true) { //父类展开
    if (element.is('li')) {
      element = element.parent().addClass('in').parent();
    } else {
      break;
    }
  }



猜你喜欢

转载自blog.csdn.net/liangrongliu1991/article/details/79448509