From 071fd2b35b101183a79f23a25f1eb9f3a869f86a Mon Sep 17 00:00:00 2001 From: "hehihoho3@gmail.com" Date: Tue, 14 Jan 2025 10:25:10 +0900 Subject: [PATCH] =?UTF-8?q?=EB=B0=9C=EC=86=A1=EA=B2=B0=EA=B3=BC=20?= =?UTF-8?q?=EC=83=81=EC=9C=84=20=ED=83=AD=20active=20=EC=BD=94=EB=93=9C?= =?UTF-8?q?=EA=B0=9C=EC=84=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web/kakao/include/KakaoSentTopMentTap.jsp | 25 ++++++++++++------- 1 file changed, 16 insertions(+), 9 deletions(-) diff --git a/src/main/webapp/WEB-INF/jsp/web/kakao/include/KakaoSentTopMentTap.jsp b/src/main/webapp/WEB-INF/jsp/web/kakao/include/KakaoSentTopMentTap.jsp index 930800d1..0e019972 100644 --- a/src/main/webapp/WEB-INF/jsp/web/kakao/include/KakaoSentTopMentTap.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/kakao/include/KakaoSentTopMentTap.jsp @@ -25,16 +25,23 @@ function initMenuTab(){ console.log('uri:', uri); - if(uri.includes('selectMsgSentView')){ - $('.topTab').removeClass("active"); - $("#smsTab").addClass("active"); - }else if(uri.includes('selectKakaoSentView')){ - $('.topTab').removeClass("active"); - $("#kakaoTab").addClass("active"); - }else if(uri.includes('faxSendList')){ - $('.topTab').removeClass("active"); - $("#faxTab").addClass("active"); + // URI 키워드와 해당 탭 ID를 매핑 + const tabMapping = [ + { keyword: 'selectMsgSentView', tabId: '#smsTab' }, // 'selectMsgSentView' 키워드를 '#smsTab'으로 매핑 + { keyword: 'selectKakaoSentView', tabId: '#kakaoTab' }, // 'selectKakaoSentView' 키워드를 '#kakaoTab'으로 매핑 + { keyword: 'faxSendList', tabId: '#faxTab' } // 'faxSendList' 키워드를 '#faxTab'으로 매핑 + ]; + + // URI에 특정 키워드가 포함되어 있는지 확인하여 활성 탭 정보를 찾음 + const activeTab = tabMapping.find(mapping => uri.includes(mapping.keyword)); // 'uri'에 키워드가 포함된 첫 번째 매핑을 검색 + + // 매칭된 탭이 있으면 UI를 업데이트하여 해당 탭을 활성화 + if (activeTab) { + $('.topTab').removeClass("active"); // 모든 탭에서 "active" 클래스 제거 + $(activeTab.tabId).addClass("active"); // 매핑된 탭 ID에 "active" 클래스 추가 } + + } function fnLinkPageTab(tabInfo){