Uncaught TypeError: Object [object Object] has no method 오류 해결하기

작업 중에 Adobe Edge 프로젝트와 lightbox jQurey가 충돌해 lightbox가 먹통이 되는 현상이 발견됐다.
크롬 브라우저로 확인해보니 Uncaught TypeError: Object [object Object] has no method… 라는 에러 메시지가 나왔고, 이 부분을 해결하기 위해 구글링을 해보니 답은 있었다.

jQuery.noConflict()를 이용하는 방법인데 사용법은 간단하다.

[충돌이 일어난 부분]

$(function() {
	$('#pop-1').click(function(e) {
		$('#pop_info').lightbox_me({
			centered: true
			});
		e.preventDefault();
	});
});

[jQuery.noConflict()를 이용해 해결]

jQuery.noConflict();
(function($) {
	$(function() {
		$('#pop-1').click(function(e) {
			$('#pop_info').lightbox_me({
				centered: true
				});
			e.preventDefault();
		});
	});
})(jQuery);

이렇게 감싸주면 잘 적용이 된다~
아래는 jQuery.noConflict() 설명페이지다.

http://api.jquery.com/jQuery.noConflict/