증상
JQuery의 stop, animate 를 사용 할 때 TypeError발생
TypeError: $(…).stop is not a function
원인
JQuery의 $가 다른 라이브러리에서도 함수나 변수의 이름으로 사용됨
Bootstrap의 Getting started에서 JS를 추가 할 때 JQuery가 중첩되어 문제가 발생
해결
Bootstrap에서 추가한 JQuery를 제거 하면 해결
추가
jQuery.noConflict() 사용으로도 가능
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| var jq = jQuery.noConflict();
jq('.menu-icon.left-icon').click(function () {
jq('body #wrapped').stop().animate({
"left": "-0"
}, 1500);
});
jq('.menu-icon.right-icon').click(function () {
jq('body #wrapped').stop().animate({
"left": "-400px"
}, 1500);
});
jq('.close-icon').click(function () {
jq('body #wrapped').stop().animate({
"left": "-200px"
}, 1500);
});
|
참고
jQuery.noConflict()