L'exemple de cet article décrit comment jQuery implémente le changement de taille de police. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :
$.fn.switchSize = function(settings) {
// paramètres par défaut
paramètres = $.extend({
conteneur : 'corps',
arrSizeClass : ['petit', 'moyen', 'grand'],
defaultClass : 'medium',
SaveCookie : vrai
}, paramètres);
var $container = $(settings.container);
rends ça
.each(function() {
Si ($.cookie('switchSize')) {
$container.addClass($.cookie('switchSize'));
$(this).data("current", $.cookie('switchSize'))
>
})
.bind("clic", function() {
var pos;
Si ($(this).data("current")) {
pos = jQuery.inArray($(this).data("current"), settings.arrSizeClass);
} autre {
pos = jQuery.inArray(settings.defaultClass, settings.arrSizeClass);
>
If (pos >= 0) { //Classe trouvée
If (pos == settings.arrSizeClass.length - 1) { //Vérifier si dernier
$(this).data("current", settings.arrSizeClass[0]);
} autre {
$(this).data("current", settings.arrSizeClass[pos 1]);
>
} autre {
//Pour éviter les erreurs
$(this).data("current", settings.arrSizeClass[0]);
>
$container.removeClass(settings.arrSizeClass[pos]).addClass($(this).data("current"));
Si (settings.saveCookie === true) {
$.cookie('switchSize', $(this).data("current"), { expire : 365, chemin : '/' });
>
});
};
J'espère que cet article sera utile à la programmation jQuery de chacun.