1. 程式人生 > >jquery後臺系統內頁連結跳轉左側選單選中到當前頁

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;
    }
  }