script 충돌
본문
<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와 관련된 js가 정상적으로 불러와지는지 확인해보셔야할것 같습니다
정상적으로 불러와져서 첫번째 탭메뉴에서는 AOS가 먹히는데...두번째 탭메뉴에서는 안먹히고 있습니다 ㅜㅜ
소스코드들하고 어떤 이벤트들이 있는지 봐야 알겠지만.. 대충 느낌으로는.. AOS에서 뭔가 초기값을 읽고 셋팅하는데 클릭이벤트로 인해서 그 셋팅값이 변하면서 AOS도 새로 init 해줘야하는데 그러질 않아서 에러가 나는거같은 느낌이 드네요