- #HASHTAG 우측 상단 창 하나만 보이기2022년 03월 30일
- TheStorybook
- 작성자
- 2022.03.30.:21
우측 상단의 쪽지, 알림, 회원을 클릭하면
dropdown창이 3개 다 보입니다.
저는 하나만 보이게 수정했습니다. 빨간색이 추가한 부분입니다.
components\common\dropdown\dropdown.js
$('.app-dropdown-toggle').on('click', function() {
//먼저 열려 있으면 닫고
let findElements = document.querySelectorAll('.app-dropdown');
for (let element of findElements) {
if (element.matches('.app-dropdown')) {
let findClass = $(element).attr('class');
let addstring = ''+findClass;
let checkActive = addstring.substr(addstring.length-6,6);
if(element.closest('.active') != null && checkActive == 'active')
{
$(element).removeClass('active')
}
}
}
//보여주기
$(this).closest('.app-dropdown').toggleClass('active')
})
주의 해시태그 PC 버전, 모바일 버전 구분시, 모바일 버전에서 PC 버전 주소로 소스 긁어오는게 있음...
링크 변경하고 모바일 버전은 폴더 이름도 구분할것
'XE(Rhymix) > 레이아웃, 스킨 관련' 카테고리의 다른 글
#HASHTAG 신경쓰이는 콘솔 메시지 없애기 (0) 2022.03.30 #HASHTAG 로그인폼 오류 메시지 표시하기 (0) 2022.03.30 #HASHTAG 해외CDN 없애기 (0) 2022.03.30 #HASHTAG 메인 슬라이더 자동 전환 및 루프 설정하기 (0) 2022.03.30 스위트모바일(Sweetmoblie) 메인 Content 박스내 위젯 레이어 겹침 현상 해결 (0) 2020.12.31 다음글이전글이전 글이 없습니다.댓글