¿Cómo hago opciones anidadas para plugins de jQuery

Question

Yo sé hacer plugins, pero no como lo hago opciones anidadas como:

var defaults = { 
    spacing:10, 
    shorten_to:50, 
    from_start:0, 
    from_end:2, 
    classes: { 
     test:'testing' 
    } 
}; 

i sé que no está bien, ya no sé nada cómo escribir la sintaxis correcta cuando quiero hacer algo como esto:

$('#breadcrumbs').breadcrumbs({classes{test:'new_example'},spacing:12}) 

otras sugerencias son bienvenidos, im en la necesidad de la capacidad de los nombres de clases personalizadas y hay 7, por lo que en lugar de hacer algo parecido test_cla ss, example_class, etc id me gusta más limpio y más limpio como el ejemplo anterior.

Answer 1

Su complemento toma un parámetro de opciones y las personas pasan los parámetros al plugin utilizando un objeto literal. A continuación, usa $ .extend para combinar las opciones con los valores predeterminados. Aquí hay un patrón para un complemento que puedes copiar.

//Create closure 
(function($) { 

    var defaults = { //Default settings for breadcrumbs 
     async: false, 
     race: 100, 
     interval: 1, 
     classes: { 
      test:'testing' 
     } 
    }; 

    //Plugin definition 
    $.extend({ 

     //Execute the functions added to the stack 
     breadcrumbs: function(options) { 

      options = $.extend(true, defaults, options); 

      //Loop through each item in the matched set and apply event handlers 
      return this.each(function(i) { 

       //Code here , this = current selection 
      }); 
     } 
    }); 

// end of closure and execute 
})(jQuery); 

Se podría llamar a este plug-in al igual que

$('div').breadcrumbs({async:true, interval:2, classes: {another: true}}); 

Answer 2

En realidad eso es correcto. Su notación no es conocido como JSON, y es una notación extremadamente simple (ver json.org)

var someobject = { prop: 'prop' }; 
var anotherobject = { name: 'name' }; 
someobject.someproperty = anotherobject; 

es equivalente a

var someobject = { prop: 'prop', { name: 'name' }}; 

En el segundo ejemplo, que está sólo faltan dos puntos.

$('#breadcrumbs').breadcrumbs({classes:{test:'new_example'},spacing:12})