채택완료

메뉴 온오프 문의드립니다

2017-03-22 (수) 00:35:19 1,960

a0dd75b21653d3dcc8c0c06af569600d_1490110483_1772.png

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

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

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

|

답변 3개

채택된 답변
+20 포인트
2017-03-22 (수) 05:35:33

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

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

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

살펴 보시길...

Copy
<script type="text/javascript"> $(document).ready(function() {  var boTable = '';  var currentUrl = location.href;  console.log(currentUrl);  var urlArray = currentUrl.split('/');  var currentPage = urlArray[urlArray.length-1];  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');   }  }  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>

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

Copy
} 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');  }

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

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

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

처리를 하셔야 하겁니다. 

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>

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

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

2017-03-22 (수) 00:42:43

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

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

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

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