该案例主要说的是左侧菜单固定,内容主要通过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; } }