x-admin.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. var config = {}
  2. layui.use(['element'], function(){
  3. $ = layui.jquery;
  4. element = layui.element();
  5. //导航的hover效果、二级菜单等功能,需要依赖element模块
  6. // 侧边栏点击隐藏兄弟元素
  7. $('.layui-nav-item').click(function(event) {
  8. $(this).siblings().removeClass('layui-nav-itemed');
  9. });
  10. $('.layui-tab-title li').eq(0).find('i').remove();
  11. height = $('.layui-layout-admin .site-demo').height();
  12. $('.layui-layout-admin .site-demo').height(height-100);
  13. if($(window).width()<750){
  14. trun = 0;
  15. $('.x-slide_left').css('background-position','0px -61px');
  16. }else{
  17. trun = 1;
  18. }
  19. $('.x-slide_left').click(function(event) {
  20. if(trun){
  21. $('.x-side').animate({left: '-200px'},200).siblings('.x-main').animate({left: '0px'},200);
  22. $(this).css('background-position','0px -61px');
  23. trun=0;
  24. }else{
  25. $('.x-side').animate({left: '0px'},200).siblings('.x-main').animate({left: '200px'},200);
  26. $(this).css('background-position','0px 0px');
  27. trun=1;
  28. }
  29. });
  30. //监听导航点击
  31. element.on('nav(side)', function(elem){
  32. var title = elem.find('cite').text();
  33. var url = elem.find('a').attr('_href');
  34. // alert(url);
  35. var parent = elem.parent().parent().find('cite').eq(0).text()
  36. config.cur = url
  37. config.parentTitle = parent
  38. config.subTitle = title
  39. $("#content").attr('src',url);
  40. return;
  41. for (var i = 0; i <$('.x-iframe').length; i++) {
  42. if($('.x-iframe').eq(i).attr('src')==url){
  43. element.tabChange('x-tab', i);
  44. return;
  45. }
  46. };
  47. res = element.tabAdd('x-tab', {
  48. title: title
  49. ,content: '<iframe frameborder="0" src="'+url+'" class="x-iframe"></iframe>'
  50. });
  51. element.tabChange('x-tab', $('.layui-tab-title li').length-1);
  52. $('.layui-tab-title li').eq(0).find('i').remove();
  53. });
  54. });