테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

메뉴 온오프 문의드립니다 채택완료

김진횰 8년 전 조회 1,764
답변 3
목록

 

http://hellogym.com/sub_ko/sub_03_04.php?mode=schedule">http://hellogym.com/sub_ko/sub_03_04.php?mode=schedule

 

위 이미지처럼 청라점을 눌렀을 경우 계속 저렇게 빨갛게 돼있는데

 

다른것도 다 같은데요 계양구청점은 안그럽니다 왜그럴가요..
 

#온오프
댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
승

새로 만들어진 페이지에 맞게 스크립트 추가를 하셔야 할거 같습니다.

먼저 스크립트 부분을 찾으셔야 할거 같습니다.

소스만 봐서는 head.sub.php에 있을거 같으나 코딩하는 방식이 다를 수도 있으니 없다면 head.php도

살펴 보시길...

</p><p><script type="text/javascript">
 $(document).ready(function() {
  var boTable = '';</p><p>  var currentUrl = location.href;
  console.log(currentUrl);
  var urlArray = currentUrl.split('/');
  var currentPage = urlArray[urlArray.length-1];</p><p>  if(currentPage.substring(0,6) == 'sub_01') {
   $('.P_menu_02_01').addClass('on');
   if(currentPage.substring(0,9) == 'sub_01_01') {
    $('.P_menu_02_01_bg li:eq(0) a').addClass('on');
   } else if(currentPage.substring(0,9) == 'sub_01_02') {
    $('.P_menu_02_01_bg li:eq(1) a').addClass('on');
   } else if(currentPage.substring(0,9) == 'sub_01_03') {
    $('.P_menu_02_01_bg li:eq(2) a').addClass('on');
   }
  } else if(currentPage.substring(0,6) == 'sub_02') {
   $('.P_menu_02_02').addClass('on');
   if(currentPage.substring(0,9) == 'sub_02_01') {
    $('.P_menu_02_02_bg li:eq(0) a').addClass('on');
   } else if(currentPage.substring(0,9) == 'sub_02_02') {
    $('.P_menu_02_02_bg li:eq(1) a').addClass('on');
   } else if(currentPage.substring(0,9) == 'sub_02_03') {
    $('.P_menu_02_02_bg li:eq(2) a').addClass('on');
   }
  } else if(currentPage.substring(0,6) == 'sub_03') {
   $('.P_menu_02_03').addClass('on');
   if(currentPage.substring(0,9) == 'sub_03_01') {
    $('.P_menu_02_03_bg li:eq(0) a').addClass('on');
   } else if(currentPage.substring(0,9) == 'sub_03_02') {
    $('.P_menu_02_03_bg li:eq(1) a').addClass('on');
   } else if(currentPage.substring(0,9) == 'sub_03_03') {
    $('.P_menu_02_03_bg li:eq(2) a').addClass('on');
   } else if(currentPage.substring(0,9) == 'sub_03_04') {
    $('.P_menu_02_03_bg li:eq(3) a').addClass('on');
   }
  } else if(boTable == 'profile01') {
   $('.P_menu_02_03').addClass('on');
   $('.P_menu_02_03_bg li:eq(0) a').addClass('on');
  } else if(boTable == 'profile02') {
   $('.P_menu_02_03').addClass('on');
   $('.P_menu_02_03_bg li:eq(1) a').addClass('on');
  } else if(boTable == 'profile03') {
   $('.P_menu_02_03').addClass('on');
   $('.P_menu_02_03_bg li:eq(2) a').addClass('on');
  } else if(boTable == 'profile04') {
   $('.P_menu_02_03').addClass('on');
   $('.P_menu_02_03_bg li:eq(3) a').addClass('on');
  } else if(boTable == 'free' || boTable == 'notice' || boTable == 'event' || boTable == 'inquiry') {
   $('.P_menu_02_04').addClass('on');
   if(boTable == 'notice') {
    $('.P_menu_02_04_bg li:eq(0) a').addClass('on');
   } else if(boTable == 'event') {
    $('.P_menu_02_04_bg li:eq(1) a').addClass('on');
   } else if(boTable == 'inquiry') {
    $('.P_menu_02_04_bg li:eq(2) a').addClass('on');
   } else if(boTable == 'free') {
    $('.P_menu_02_04_bg li:eq(3) a').addClass('on');
   }
  } else if(boTable == 'tip' || boTable == 'monthly_member' || boTable == 'story') {
   $('.P_menu_02_05').addClass('on');
   if(boTable == 'tip') {
    $('.P_menu_02_05_bg li:eq(0) a').addClass('on');
   } else if(boTable == 'monthly_member') {
    $('.P_menu_02_05_bg li:eq(1) a').addClass('on');
   } else if(boTable == 'story') {
    $('.P_menu_02_05_bg li:eq(2) a').addClass('on');
   }
  }</p><p>  if(currentPage.substring(0,9) == 'sub_03_01') {
   $('.p_sub_address_tab01').addClass('on');
   $('.m_sub_tr_tab li:eq(0) img').attr('src', '/m_img/sub/tap01_on.png');
   $('.m_sub_tr_tab li:eq(4) img').attr('src', '/m_img/sub/tap01_on.png');
   $('.m_sub_tr_tab li:eq(8) img').attr('src', '/m_img/sub/tap01_on.png');
   $('.m_sub_tr_tab li:eq(12) img').attr('src', '/m_img/sub/tap01_on.png');
  } else if(currentPage.substring(0,9) == 'sub_03_02') {
   $('.p_sub_address_tab02').addClass('on');
   $('.m_sub_tr_tab li:eq(1) img').attr('src', '/m_img/sub/tap02_on.png');
   $('.m_sub_tr_tab li:eq(5) img').attr('src', '/m_img/sub/tap02_on.png');
   $('.m_sub_tr_tab li:eq(9) img').attr('src', '/m_img/sub/tap02_on.png');
   $('.m_sub_tr_tab li:eq(13) img').attr('src', '/m_img/sub/tap02_on.png');
  } else if(currentPage.substring(0,9) == 'sub_03_03') {
   $('.p_sub_address_tab03').addClass('on');
   $('.m_sub_tr_tab li:eq(2) img').attr('src', '/m_img/sub/tap03_on.png');
   $('.m_sub_tr_tab li:eq(6) img').attr('src', '/m_img/sub/tap03_on.png');
   $('.m_sub_tr_tab li:eq(10) img').attr('src', '/m_img/sub/tap03_on.png');
   $('.m_sub_tr_tab li:eq(14) img').attr('src', '/m_img/sub/tap03_on.png');
  } else if(currentPage.substring(0,9) == 'sub_03_04') {
   $('.p_sub_address_tab04').addClass('on');
   $('.m_sub_tr_tab li:eq(3) img').attr('src', '/m_img/sub/tap04_on.png');
   $('.m_sub_tr_tab li:eq(7) img').attr('src', '/m_img/sub/tap04_on.png');
   $('.m_sub_tr_tab li:eq(11) img').attr('src', '/m_img/sub/tap04_on.png');
   $('.m_sub_tr_tab li:eq(15) img').attr('src', '/m_img/sub/tap04_on.png');
  }
 });
</script></p><p>

여기서 계양구청점 페이지가 sub_03_05.php입니다. sub_03_05에 대한 스크립트가 추가되어야 합니다.

  } else if(currentPage.substring(0,9) == 'sub_03_04') {
   $('.p_sub_address_tab04').addClass('on');
   $('.m_sub_tr_tab li:eq(3) img').attr('src', '/m_img/sub/tap04_on.png');
   $('.m_sub_tr_tab li:eq(7) img').attr('src', '/m_img/sub/tap04_on.png');
   $('.m_sub_tr_tab li:eq(11) img').attr('src', '/m_img/sub/tap04_on.png');
   $('.m_sub_tr_tab li:eq(15) img').attr('src', '/m_img/sub/tap04_on.png');
 } else if(currentPage.substring(0,9) == 'sub_03_05') {
   $('.p_sub_address_tab05').addClass('on');
  }</p><p>

일단 이렇게만 하시면 탭은 유지가 될겁니다.

스크립트만 본다면 좀 이상한 부분이 보이는데... 필요없는 부분이 좀...

일단 직접 소스 보면서 처리해 드리지 못하니 이렇게만 하시고 테스트 후에 다른 이상 증상이 있다면

처리를 하셔야 하겁니다. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

m
myfree
8년 전

sub_03_05.php 

 

에 들어가셔서.

 

<div class="tab_content content04" style="">

<ul class="p_sub_address">

<li class="p_sub_address_tab01"><a href="/sub_ko/sub_03_01.php?mode=schedule"></a></li>

<li class="p_sub_address_tab02"><a href="/sub_ko/sub_03_02.php?mode=schedule"></a></li>

<li class="p_sub_address_tab03"><a href="/sub_ko/sub_03_03.php?mode=schedule"></a></li>

<li class="p_sub_address_tab04"><a href="/sub_ko/sub_03_04.php?mode=schedule"></a></li>

<li class="p_sub_address_tab05"><a href="/sub_ko/sub_03_05.php?mode=schedule"></a></li>

</ul>

<div>

<img src="/img/sub/sub03_04_04.jpg">

</div>

</div>

 

 

</p><p><span style="font-size: 14.6667px;"><li class="p_sub_address_tab05"><a href="/sub_ko/sub_03_05.php?mode=schedule"></a></li></span> </p><p>

 

클래스에 on 붙이세요. <li class="p_sub_address_tab05 on">

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

만두야닷컴

css 클래스로 on 을 준거 같은데

그 페이지에선 제대로 안먹히는것 같네요..

실제 적용 되는 페이지소스를 봐야 알 수 있어요 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인