Bonjour j'ai une question sur deux type de structure de plugin jquery
je voudrais savoirs quelle différence ça fais de construire un plugin comme :

(function($){
  $.Name = {
    defaults = {
      option: "value"
    },
    init:function(options) {
      opts = $.extend({}, $.Name.defaults, options),
      $.Name._construct();

    },
    _construct:function() {
      //construct plugins
    }
  };
  Name = function(options) {
    $.Name.init(options);
  };
})(jQuery);

au lui de comme se lui si :

(function($){
  var options = {
    option: "value"
  },
  jQuery.fn.Name = function(options){
    //construct plugins
  };
})(jQuery);

Mise a par la différence de structure je ne vois pas se qui peux changer.

2 réponses


Xtr3me
Réponse acceptée

Je ne connais guère le Jquery pour le moment mais si les deux codes font la même chose c'est simplement une question d'optimisation, le fichier sera moins lourd avec la deuxième structure et donc moins long à chargé que le 1er.

Je te suggère de lire cet article, il te permettra de voir plus clair sur les patterns de création d'un plugin jQuery.
http://coding.smashingmagazine.com/2011/10/11/essential-jquery-plugin-patterns/