$(function(){ //分版本导航 $('span[data-menu="header"]').on('click',function(){ var $this=$(this).parent(), $menu=$this.find('.header-menu-box'), $bg=$this.find('.header-menu-bg'); if($menu.css('display')=='none'){ $menu.slideDown(); $bg.show(); }else{ $menu.slideUp(); $bg.hide(); } }); $('.header-menu-bg').on('click',function(){ $('.header-menu-box').slideUp(); $('.header-menu-bg').hide(); }); // 页面初始化 function pageInit(){ $('.page-sidebar').css('height',$(window).height()-$('.header-wrap').height()-$('.iframe-menu').height()); $(".page-sidebar").niceScroll({cursorborder:"",cursorcolor:"#cccdd1"}); if($('.header-wrap').length>0){ $('#iframe-im').height($(window).height()-$('.header-wrap').outerHeight(true)-$('.iframe-menu').outerHeight(true)); }else{ $('#iframe-im').height($(window).height()); } iframeMenuList(); $('.page-sidebar').on('click',function(){ $(".page-sidebar").getNiceScroll().resize(); }); $(".page-sidebar").on('mouseover',function() { $(".page-sidebar").getNiceScroll().resize(); }); } pageInit(); $(window).resize(function(){throttle(pageInit(), 300)}); //iframe-menu $('div.menu-collapse[data-iframe="true"]').on('click',"li>a",function(){ if($(this).data('src')!=undefined){ var $iframe=$('#iframe-im'), $iframeTabs=$('.iframe-menu-list>ul'), iframeId=$(this).data('iframe'); if(iframeId==undefined) return; if($iframe.find('iframe[data-iframe="'+iframeId+'"]').length>0){ $iframe.find('iframe[data-iframe="'+iframeId+'"]').show().siblings().hide(); $iframeTabs.children('li[data-iframe="'+iframeId+'"]').find('a').addClass('curr').end().siblings().find('a').removeClass('curr'); var _left=$iframeTabs.children('li[data-iframe="'+iframeId+'"]').index()*131; if($('.iframe-menu-btn').css('display')=='block'){ $('.iframe-menu-list').css({'left':"-"+_left+"px"}).data('left',-_left); } }else{ $iframeTabs.find('a').removeClass('curr'); $iframeTabs.append('
  • '+$(this).find('span.title').text()+'
  • '); $iframe.find('iframe').hide(); $iframe.append(''); iframeMenuList(); } } }); //选中、关闭 iframe tabs $('.iframe-menu-list').on('click','li>a',function(){ var $iframe=$('#iframe-im'), $iframeTabs=$('.iframe-menu-list'), _id=$(this).parent().data('iframe'); $iframe.find('iframe[data-iframe="'+_id+'"]').show().siblings().hide(); $iframeTabs.find('a').removeClass('curr'); $(this).addClass('curr'); }).on('click','li>a>i.iconfont',function(e){ e.stopPropagation(); e.preventDefault(); var $iframe=$('#iframe-im'), $li =$(this).parents('li'), _id=$li.data('iframe'); if($li.children('a').is('.curr')){ if($li.next().length>0){ var _nextID=$li.next().data('iframe'); $li.next().children('a').addClass('curr'); $iframe.find('iframe[data-iframe="'+_nextID+'"]').show(); }else if($li.prev().length>0){ var _prevID=$li.prev().data('iframe'); $li.prev().children('a').addClass('curr'); $iframe.find('iframe[data-iframe="'+_prevID+'"]').show(); } } $li.remove(); $iframe.find('iframe[data-iframe="'+_id+'"]').remove(); iframeMenuList(); }); function iframeMenuList(){ var $menu=$('.iframe-menu-list'), $li=$menu.children('ul').children('li'), $wrap=$('.iframe-menu'), w=$(window).width(); if($li.length*181>w){ $menu.width($li.length*131); $('.iframe-menu-btn').show(); var left=($wrap.find('li>a.curr').parent().index()+2)*131-w; $('.iframe-menu-list').css({'left':"-"+left+"px"}).data('left',-left); }else{ $('.iframe-menu-list').css({'left':"0px"}).data('left','0'); $('.iframe-menu-btn').hide(); } } $('.iframe-menu-btn>a.prev').on('click',function(){ var left=$('.iframe-menu-list').data('left')*1; if(left>=0){ return false; } else if(left<0){ if(left+180>0){ left=-180; } $('.iframe-menu-list').stop(true,false).animate({'left':left+180},"fast",function(){ $('.iframe-menu-list').data('left',(left+180)); }); } }); $('.iframe-menu-btn>a.next').on('click',function(){ var left=$('.iframe-menu-list').data('left')*1; if(left<-(($('.iframe-menu-list>ul>li').length-2)*180)){ return false; } else if(left<=0){ $('.iframe-menu-list').stop(true,false).animate({'left':left-180},"fast",function(){ $('.iframe-menu-list').data('left',left-180); }); } }); iframeMenuList(); // 右键菜单 $('.iframe-menu-list>ul>li').bind('contextmenu',function(e){ e.stopPropagation(); e.preventDefault(); var offset=$(this).position(); $('.iframe-menu-mouse').show().css({left:offset.left+20,top:offset.top+30}); return false; }); $(document).on('click',function(){ $('.iframe-menu-mouse').hide(); }); });