Posted By

marcio on 01/25/10


Tagged

plugin pattern jquery Development


Versions (?)

Plugin Development Pattern


 / Published in: jQuery
 

  1. //closure
  2. (function($) {
  3.  
  4. //permitimos acceso externo a las opciones por defecto
  5. $.fn.pluginName.defaults = {
  6. option1: "whatever",
  7. option2: "",
  8. option3: 9,
  9. option4: true
  10. }
  11.  
  12. //extend jquery with the plugin
  13. $.fn.extend({
  14. pluginName:function(options) {
  15.  
  16. var options = $.extend({}, $.fn.pluginName.defaults, options); // var options = $.extend($.fn.pluginName.defaults, options);
  17.  
  18. //return the jquery object for chaining
  19. return this.each(function(){
  20. //aqui el codigo del plugin
  21. privateFunc(options);
  22. });
  23. }
  24. });
  25.  
  26. //aqui algunas funciones privadas
  27. function privateFunc(options) {
  28.  
  29. };
  30.  
  31. //aqui algunas funciones privadas
  32. function privateFunc2() {
  33.  
  34. }
  35.  
  36. })(jQuery);
  37.  
  38. //uso
  39. $('#selector').pluginName({option1:'',option2:''});
  40.  
  41. //tambien puedo reestablecer las variables por defecto
  42. $.fn.pluginName.defaults = {option1:'',option2:''};

Report this snippet  

You need to login to post a comment.