Est-il légal de créer vos propres attributs CSS?

Question

Je travaille sur une application de fenêtrage pour un site de la mine. En ce moment, j'ai chaque fenêtre individuelle mis en place comme dans le corps du site. Ajouter de nouvelles fenêtres en ajoutant littéralement le code approprié à la fin de l'élément du corps, et les supprimer en supprimant cette div. (J'utilise jQuery pour l'architecture sous-jacente JavaScript.)

J'ai trouvé que pour chaque fenêtre, je veux être en mesure de stocker certaines valeurs qui ne sont pas utilisées directement. Dire que j'agrandissez une fenêtre, je voudrais sauver sa vieille position et la taille de sorte que lorsque je un maximisent, il retourne à sa position ancienne et pas seulement au hasard quelque part. Donc, ma vraie question est ici, serait-il légal de créer des attributs CSS personnalisés (sachant très bien que le navigateur ne les ignorer) dans le seul but de garder l'information comme celui-ci sur une base par div? Ou serait-ce illégal, et devrais-je regarder une autre alternative?

Je suis certainement familier avec des méthodes de garder tout cela dans un tableau que le système puisse fonctionner aveugle, mais c'est belle et sujette à des erreurs et des choses, et il serait encore un peu difficile à travailler avec.

Merci

Answer 1

jQuery a une fonction peu connue pour cette appelé data . Avec elle, vous pouvez faire ceci:

$('#mydiv').data('position', {x: 150, y: 300});

// later
var position = $('#mydiv').data('position');

Si vous ne l'aimez pas (bien que je trouve très pratique), il est certainement pas tort d'avoir des attributs personnalisés, bien que cela rendra code invalide.

Answer 2

je voudrais utiliser jQuery méthode de l 'data() place pour stocker des données temporaires.

$('div#window').data('position', { x: 100, y: 200, width: 50, height: 50});
$('div#window').data('state', 'minimized');

Références :

• http://docs.jquery.com/Core/data
• http://docs.jquery.com/Core/removeData

Vous pouvez également rendre ces données persistantes en les stockant dans des cookies ou en session à côté serveur et restaurer sur le client lors de chargement de la page. De cette façon, sera conservé la position de la fenêtre et de l'état même si l'utilisateur recharge la page.