home.js 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. /*
  2. * 前台专用
  3. * add by pjh 20180118
  4. */
  5. (function($){
  6. /*
  7. * 函数作用:当li标签的href与当前href第一个斜杠内容相同时,则给予li标签css活动样式
  8. * 输入参数:1,菜单id值
  9. * 2,css活动样式名称
  10. */
  11. function menuHasActive(nav, css) {
  12. var navLi = $('#'+nav+' li')
  13. var winUrl = window.location.pathname;
  14. //var urlPart = winUrl.substring(winUrl.lastIndexOf("\/") + 1); // 获取url地址中最后一个斜杠后的内容
  15. // 当前为首页,直接给导航栏菜单赋样式
  16. if ('/' == winUrl) {
  17. navLi.eq(0).addClass(css);
  18. return true;
  19. }
  20. // 当前为菜单页,直接给第一个菜单分类选项卡赋样式
  21. var firstH = navLi.eq(0).find('a').attr('href');
  22. var sameMenu = firstH.indexOf(winUrl);
  23. if (!sameMenu) {
  24. navLi.eq(0).addClass(css);
  25. return true;
  26. }
  27. // 当前页面href中包含导航栏菜单href,给该菜单赋样式
  28. navLi.each( function() {
  29. var h = $(this).find('a').attr('href');
  30. var sameMenu = winUrl.indexOf(h);
  31. if (!sameMenu && '/' != h && '' != h && '/user' != h) {
  32. $(this).addClass(css);
  33. return true;
  34. }
  35. });
  36. }
  37. // 导航栏
  38. menuHasActive('bre-nav', 'bre-menu-active');
  39. // 选项卡/用户中心左侧菜单
  40. if ( $('#bre-menu-nav').length ) {
  41. menuHasActive('bre-menu-nav', 'am-active')
  42. }
  43. /* 实现会员中心导航栏按钮效果 */
  44. var userLeft = $('#user-left');
  45. var userMenuBtn = $('#user-menu-btn');
  46. userMenuBtn.click( function() {
  47. //userLeft.toggleClass('user-left-dis');
  48. var disOrNo = userLeft.css('display');
  49. //alert("what["+disOrNo+"]");
  50. if ( 'none' == disOrNo ) {
  51. userLeft.css('display', 'block');
  52. }
  53. else {
  54. userLeft.css('display', 'none');
  55. }
  56. });
  57. /* 对页面中的iframe高度进行等比例显示 */
  58. var iframe = $('iframe');
  59. var iframeWidth = iframe.contents().find('body').width();
  60. iframe.height(iframeWidth/1.28);
  61. })(jQuery);