[navbar]하다하다 안되서 잠시 중단.

Category버튼을 누르면 Class를 추가해서 해당하는 카테고리들을 dropdown의 형식으로 보여주는 navbar를 만드려고 했다.

그래서 Jquery로 간단한 코드를 짯다.

$(".btn_cate").click(function(){
		$(".area-navi").toggleClass("on");
});

위의 간단한 식을 넣기 위해서 별짓을 다했는데 안된다.

티스토리에는 Jquery가 작동하기 위해서는 s_t3태그 안에 들어가야한다고 해서 넣어보기도 하고 혹시나 html말고 js로 로드해야하나 싶어서

script.js를 다음과 같이 짜고 skin.html에서 $.Area.init()로 호출해서 사용하려고 했었다.

(function($) {
	var Area={};
		Area.Category=(function(){
		var toggleCategory=function(){
			$(".area-navi").toggleClass("on");
		};
		var init=function(){
			$(".btn_cate").click(toggleCategory);	
		};	
		return{
			init: init
		}
	})();

	$.Area = Area;
})(jQuery);

그렇지만 역시 크롬 개발자도구로 디버그한 결과 init까지는 잘 실행이 되지만 toggleClass는 제대로 작동하지 않는 것을 확인할 수 있었다.

이유는 불명이다. 개발자도구의 console창에서 저 함수를 그대로 입력하면 제대로 btn_cate가 눌리면 area-navi에 on 클래스가 추가되는 것을 확인했지만 여전히 왜 html내에서는 작동하지 않는지를 모르겠다. 혹시 아는 사람이 있으면 댓글로 달아주길 바란다.