jQuery.data() namespace

Question

¿Cómo puedo evitar conflictos con otros complementos jQuery usando $.data()?

Estaba pensando que podría utilizar una sola llave para almacenar mis datos como

$(el).data('myplugin', { foo: 'a', xyz: 34});

y acceder a ella como $(el).data('myplugin').foo etc.

Pero, ¿cómo se puede cambiar fácilmente un valor, sin anular la totalidad ¿datos? Como cambiar el valor de "foo".

Answer 1

Por qué no usar

$(el).data('myplugin.foo') 

y

$(el).data('myplugin.xyz') 

?

De modo que si no necesita acceder a más de un valor al mismo tiempo, evitará indirecciones y pruebas inútiles.

Answer 2

Simplemente cambie la propiedad que desea cambiar.

http://jsfiddle.net/rQQdf/

var el = $("<div />");  
el.data("myPlugin",{ foo: "foo" }); 
console.log(el.data("myPlugin").foo); // foo 
el.data("myPlugin").foo = "bar"; 
console.log(el.data("myPlugin").foo); // bar 

En cuanto a los conflictos de espacio de nombres, una solución es generar una marca de tiempo en tiempo de ejecución (cuando se define el plug-in) y el uso de esa marca de tiempo en el espacio de nombres. Todavía no está 100% protegido contra los conflictos en los navegadores más rápidos, pero se acerca bastante.

Answer 3

Personalmente uso una convención de nomenclatura separada por un guión que prefija nombres de clase, ID, propiedades de datos, etc. con un identificador abreviado de la entidad propietaria del código y una para el área de funcionalidad.

Si estuviera trabajando en un programa de diagrama para la compañía de Foo, mi prefijo podría ser:

foo-chart- 

Esto me permite hacer todos los identificadores de compañía única a la empresa, y las áreas de código único a cada otra (para evitar colisionar con otros desarrolladores en otras áreas de funcionalidad).

ejemplo artificioso:

<button id="foo-chart-refresh" class="foo-chart-interact" data-foo-chart-last="201205031421">Refresh Chart</button> 
<script type="text/javascript"> 
    var lastRefresh = $('#foo-chart-refresh').data('fooChartLast'); // see docs on .data() for case/hyphenation handling 
</script> 

Encuentro usando un guión encaja bien con casi cualquier lugar se necesitarían mis identificadores - ya sea como un valor attr marcado o nombre, o en el código, etc. .Puede usar cualquier char que se adapte a sus necesidades (. es muy común)