미채택 완료

script 충돌

2020-05-21 (목) 13:32:37 2,620

      <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개 / 댓글 1개

2020-05-21 (목) 15:02:55

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

2020-05-21 (목) 14:01:56

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

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

답변에 대한 댓글 1개

2020-05-21 (목) 14:09:24
정상적으로 불러와져서 첫번째 탭메뉴에서는 AOS가 먹히는데...두번째 탭메뉴에서는 안먹히고 있습니다 ㅜㅜ

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