자바스크립트 충돌 채택완료
2개의 자바스크립트를 사용중인데요.
각기 적용했을때는 문제가 없는데 같이 사용하면 충돌이 나면서 어느 하나가 기능 작동이 되지 않습니다.
검색을 해보니..
noConflict() 메소드를 적용하라고 하는데요. 잘 안되네요.
https://palpit.tistory.com/256" target="_blank">https://palpit.tistory.com/256
https://palpit.tistory.com/256" target="_blank">https://dthumb-phinf.pstatic.net/?src=%22https%3A%2F%2Fimg1.daumcdn.net%2Fthumb%2FR800x0%2F%3Fscode%3Dmtistory2%26fname%3Dhttps%253A%252F%252Ft1.daumcdn.net%252Fcfile%252Ftistory%252F235AB742557B96060E%22&type=ff120" />https://palpit.tistory.com/256" target="_blank"> https://palpit.tistory.com/256" target="_blank">[jQuery] 27. noConflict Method - jQuery 강좌 jQuery / CSE
각각의 원래 스크립트는 아래와 같았습니다.
어떻게 처리하는 것이 좋을까요?
답변 2개
한 곳에 몰아넣어도 되고, addEventListener를 사용해도 되겠네요.
- https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
슬라이더가 메인 페이지에만 있고, 서브 페이지에는 없다면 조건 추가해주면 되겠고요.
</p>
<p><script type="text/javascript">
jQuery.noConflict();
(function($){
$(document).ready(function(){
$('.bxslider').bxSlider({
auto: true,
controls: false,
pager: true
});
$('#amenu-list').amenu({
'speed': 200, //Fast(200), Medium(400), Slow(600)
'animation': 'slide' //show,fade,slide,wind,none
});
});</p>
<p>})(jQuery);
</script></p>
<p>댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인