테스트 사이트 - 개발 중인 베타 버전입니다

script 충돌 채택완료

조솜이리키 5년 전 조회 2,440

      <script type="text/javascript">
        $(function(){
           $("ul.panel li:not("+$("ul.tab li a.selected").attr("href")+")").hide();
           $("ul.tab li a").click(function(){
              $("ul.tab li a").removeClass("selected");
              $(this).addClass("selected");
              $("ul.panel li").slideUp("fast");
              $($(this).attr("href")).slideDown("fast");
              return false;
           });
        });
        </script>

 

 


        <script>
            AOS.init({
                easing: 'ease-out-back',
                duration: 1000
            });
        </script>

 

 

 

위의 소스처럼 한페이지내에 스크립트 2개를 넣었더니...충돌이 일어나는지

뒤에 AOS가 안먹히네요ㅜㅜ

이런경우 어떻게 해야하나요??ㅜㅜ

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

답변 2개

아르키어드

소스코드들하고 어떤 이벤트들이 있는지 봐야 알겠지만.. 대충 느낌으로는.. AOS에서 뭔가 초기값을 읽고 셋팅하는데 클릭이벤트로 인해서 그 셋팅값이 변하면서 AOS도 새로 init 해줘야하는데 그러질 않아서 에러가 나는거같은 느낌이 드네요

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

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

저 소스만으로는 문제가 없는것 같은데

AOS와 관련된 js가 정상적으로 불러와지는지 확인해보셔야할것 같습니다

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

답변에 대한 댓글 1개

조솜이리키
5년 전
정상적으로 불러와져서 첫번째 탭메뉴에서는 AOS가 먹히는데...두번째 탭메뉴에서는 안먹히고 있습니다 ㅜㅜ

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

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

로그인