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

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

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

1 2 3

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

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

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

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

(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내에서는 작동하지 않는지를 모르겠다. 혹시 아는 사람이 있으면 댓글로 달아주길 바란다.