Objet d'options dynamiques pour le plugin jQuery (exemples de)

Question

Quelqu'un connaît-il des plugins jQuery pouvant fonctionner avec un objet d'options dynamiques?

Ce que je veux dire est, je dois être en mesure de passer:

$('div').somePlugin({title : 'title1', label : function(element){}, etc.}); 

et aussi

$('div').somePlugin({name : 'name1', url : function(element){}, 
        event : 'event1', etc.}); 

donc l'objet d'options a besoin de la possibilité d'avoir un nombre variable d'éléments, clés les noms et les valeurs qui peuvent être soit statiques soit fonctionnelles. Si c'est une fonction, je dois pouvoir évaluer la fonction avant de passer la valeur du plugin.

Je réalise qu'il est difficile pour vous de vraiment aider sans plus de détails, c'est pourquoi j'ai pensé que je devrais voir si je peux apprendre à partir d'exemples, il pourrait déjà y avoir quelque chose comme ça.

Merci.

Answer 1

Utilisez le typeof opérateur:

jQuery.fn.somePlugin = function(p) { 
    if (typeof p == "function") { 
    var params = p(); 
    } else if (typeof p == "object") { 
    var params = p; 
    } 
    return this.each(function(){ 
    // use params 
    }); 
}; 

Si vous êtes passé dans un objet, il peut avoir des propriétés variables (nom et numéro) et les valeurs de celles-ci peuvent facilement être des fonctions, des objets, des valeurs simples ou peu importe.

Answer 2

Deux plugins qui me viennent à l'esprit utilisent un motif similaire.

1. J'aidé à écrire celui-ci, et construire l'option de rappel navigationFormatter: AnythingSlider. Les notes sur le fonctionnement de l'option navigationFormatter se trouvent dans le haut du source file.

2. La seconde est jQuery Autocomplete. Les formatItem, formatMatch et formatReturn utilisent tous un motif similaire.