mulder's it blog

jQuery plugin개발을 위한 손쉬운 방법이 있어 공유 합니다. 아래와 같은 형태로 작업을 하면 기존의 방법보다 훨씬 편한것 같습니다. 아래 부분이 키포인트 같아서 발춰해봅니다. $.fn[pluginName] = function(options) { // Iterate through each DOM element and return it return this.each(function() { // prevent multiple instantiations if (!$.data(this, 'plugin_' + pluginName)) { $.data(this, 'plugin_' + pluginName, new Plugin(this, options)); } }); }; Plugin의 접근을 $(p1).data..

twitter bootstrap에는 깔끔한 위젯이 몇개 있는데 그중에 가장 좋은건 버튼과 탭이 아닐까 생각 합니다. 원래의 위젯 사용법 보기 :http://twitter.github.io/bootstrap/javascript.html#tabs 버튼이야 워낙 단순해서 그냥 쓰면 되는것이고, 탭으 경우 사용성이 많은데... 매번 관련 업무에 대하여 재코딩을 해야 했다.. 그래서.. 멀더가 좀 쉽게 갈 수 있도록 jQuery plugin으로 몇가지 함수를 추가 했습니다. bootStrapTab Plugin (function($) { // Author : mulder (@mulderu) // Version : v0.1 // When : 2013.05.22 $.fn.bootStrapTab = function(o)..

오늘은 매력직인 jQuery Box Plugin 인 fancybox 에 대해 정리를 합니다. 장점 : 예쁘다, 쓰기 편하다 끝. 단점 : 찾으신분은 리플 달아 주세요 homepage : fancybox.net 아래와 같이 원하는 컨텐츠 (이미지 및 HTML) 을 사각형 박스에 넣어서 화면중앙에 표시 하는 플러그인 입니다. 보통 모달로 오픈하면 컨텐츠에 시점을 집중시켜 표현력을 올릴 수 있습니다. 보통은 우상단 'x' 박스를 클릭하여 종료합니다. fancybox example) 아래는 대충 다운로드 후 압축풀고 보여지는 화면 입니다. 대충 자신이 사용할 디렉토리로 카피후 사용하시면 됩니다. 사용예제 ) >> 사용법 사용법은 간단하다 먼저 jquery link insert: facybox관련 js, css ..