XE(Rhymix)/레이아웃 자료

#HASHTAG 우측 상단 창 하나만 보이기

June 2022. 3. 30. 05: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 버전 주소로 소스 긁어오는게 있음... 

링크 변경하고 모바일 버전은 폴더 이름도 구분할것