|
|
|
|
layui.use(['element'], function(){
|
|
|
|
|
$ = layui.jquery;
|
|
|
|
|
element = layui.element();
|
|
|
|
|
|
|
|
|
|
//导航的hover效果、二级菜单等功能,需要依赖element模块
|
|
|
|
|
// larry-side-menu向左折叠
|
|
|
|
|
if($(window).width()<750){
|
|
|
|
|
trun = 0;
|
|
|
|
|
}else{
|
|
|
|
|
trun = 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$('.larry-side-menu').click(function() {
|
|
|
|
|
if(trun){
|
|
|
|
|
$('.x-side').animate({left: '0px'},200).siblings('.x-main').animate({left: '200px'},200);
|
|
|
|
|
trun=0;
|
|
|
|
|
}else{
|
|
|
|
|
$('.x-side').animate({left: '-200px'},200).siblings('.x-main').animate({left: '0px'},200);
|
|
|
|
|
trun=1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$('a[_href]').click(function () {
|
|
|
|
|
var isqx = $(this).attr('isqx');
|
|
|
|
|
if (isqx == 0) {
|
|
|
|
|
alert("您没有该菜单的访问权限");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
title = $(this).text();
|
|
|
|
|
url = $(this).attr('_href');
|
|
|
|
|
for (var i = 0; i < $('.x-iframe').length; i++) {
|
|
|
|
|
|
|
|
|
|
if ($('.x-iframe').eq(i).attr('src') == url) {
|
|
|
|
|
|
|
|
|
|
element.tabChange('x-tab', i);
|
|
|
|
|
$("iframe[src='" + url + "']").attr('src', url);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
res = element.tabAdd('x-tab', {
|
|
|
|
|
title: title//用于演示
|
|
|
|
|
,content: '<iframe frameborder="0" src="'+url+'" class="x-iframe"></iframe>'
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
element.tabChange('x-tab', $('.layui-tab-title li').length-1);
|
|
|
|
|
|
|
|
|
|
$('.layui-tab-title li').eq(0).find('i').remove();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
//监听导航点击
|
|
|
|
|
element.on('nav(side)', function(elem){
|
|
|
|
|
title = elem.find('cite').text();
|
|
|
|
|
url = elem.find('a').attr('_href');
|
|
|
|
|
//alert(url);
|
|
|
|
|
|
|
|
|
|
for (var i = 0; i <$('.x-iframe').length; i++) {
|
|
|
|
|
if($('.x-iframe').eq(i).attr('src')==url){
|
|
|
|
|
element.tabChange('x-tab', i);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
res = element.tabAdd('x-tab', {
|
|
|
|
|
title: title//用于演示
|
|
|
|
|
,content: '<iframe frameborder="0" src="'+url+'" class="x-iframe"></iframe>'
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
element.tabChange('x-tab', $('.layui-tab-title li').length-1);
|
|
|
|
|
|
|
|
|
|
$('.layui-tab-title li').eq(0).find('i').remove();
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|