간단한 jquery 플러그인

Question

간단한 jQuery 플러그인을 만들고 싶지만 몇 가지 기사를 읽은 다음 몇 가지 인기있는 플러그인 코드를 배우려고했지만 시작하는 방법을 모르겠지만 혼란 스러울 정도로 더 심해집니다. .

저에게 시범 템플릿을 보여주십시오. 나는 그런 식으로 호출 할 수있는, 이제 내가 뭔가를 얻어야한다 예를 위해 가정 해 봅시다 :

$("a").myMessagePlugin(); 

지금, 매번 누군가가 그냥 경고를 팝업 및 링크를 표시해야합니다 링크를 클릭합니다. 당신이 jQuery 플러그인가 jQuery 방법을 체인에 도움이 될 것입니다 때문에 당신이 jQuery 개체를 반환해야합니다 쓰기 할 때마다

는

Answer 1

다른 답변은 대부분 정확하지만 달러 기호를 사용하려면 익명의 함수로 묶고 jQuery 개체를 전달하십시오. 그렇지 않으면 다른 라이브러리와 충돌 할 위험이 있습니다.

(function($) { 
    $.fn.myMessagePlugin = function(options) { 
     return this.click(function() { //jQuery object, to be returned 
      alert(this.href); //html element 
     }); 
    } 
})(jQuery); 

Answer 2

감사드립니다.

$.fn.myMessagePlugin = function(options) { 
    return this.each(function(){ 
     //plugin logic here 
     $(this).click(function() { 
      alert(this.href); 
     }); 
    }); 
} 

Answer 3

당신이 옵션에 대한 기본값을 정의하고 $ .extend

사용하여 확장 할

또한 좋은 방법이다 (I가, 감사를베이스로 앞의 예를 사용하고 있습니다)뿐만 아니라 정의되지 않은 지정 시스템 권장됩니다

(function($, undefined) { 
    $.fn.myPlugin= function(options) { 
     var opts = $.extend($.fn.myPlugin.defaults, options); 

     return this.click(function() { //jQuery object, to be returned 
      alert(this.href); //html element 
     }); 
    } 

    $.fn.myPlugin.defaults = { 
     "option1": 1, 
     "option2": 2 
    } 
})(jQuery);