jquery後臺系統內頁連結跳轉左側選單選中到當前頁
阿新 • • 發佈:2018-12-30
該案例主要說的是左側選單固定,內容主要通過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; } }