jQuery Girl
  1. jQuery Girl
  3. Garder un menu jQuery ouvert avec des cookies
Intereting Posts
Avoir des problèmes avec le débordement de CSS: caché Knockout Kendo liste déroulante obtenir le texte de l’élément sélectionné Conversion de dates JSON sans fuseau horaire Garder un modal jQuery dans une fenêtre d’affichage iPad afficher des images en fonction de la largeur du navigateur Afficher l’alerte si un mot incorrect / filtré est présent dans la saisie de formulaire Comment obtenir l’emplacement d’une cellule Changer la couleur css chaque seconde JQuery .load () dans div jquery ajoute un fichier HTML externe à ma page Comment append des objects connus au vérificateur de syntaxe d’Ace editors? Existe-t-il un moyen de s’assurer que le premier appel AJAX se termine avant que l’appel suivant ne soit exécuté? event.preventDefault () ne fonctionne pas dans Chrome et Opera Cocher et décocher la case à cocher dynamicment avec jQuery: bug? ajax et pas de formulaires, que va-t-il se passer?

Garder un menu jQuery ouvert avec des cookies

J’ai joué avec certains des cookies jQuery que j’ai trouvés sur ce site. Le cookie, je pense, fonctionne, mais mon menu cesse de s’ouvrir complètement.

Je suis très nouveau dans jQuery, donc je ne sais pas trop où je pourrais me tromper.

Je suis simplement allé garder les liens ouverts, par exemple, cliquez sur le lien 1, puis sur un élément de sous-menu. Lorsque la page est chargée, le lien 1 est toujours ouvert.

Quelqu’un s’il vous plaît pointez-moi dans la bonne direction!

Je vous remercie

http://jsfiddle.net/pHgB7/ 

 jQuery(function ($) { // jQuery code in here can safely use $ $('.nav li') .css({ cursor: "pointer" }) $(".drop") .on('click', function () { $(this).find('ul').toggle(); }) });

Voici une petite réponse plus compliquée: 

 jQuery(function ($) { // jQuery code in here can safely use $ $('.nav li') .css({ cursor: "pointer" }); $(".drop") .on('click', function () { $(this).toggleClass('open'); $(this).find('ul').toggle(); $.cookie('open_items', 'the_value'); openItems = new Array(); $("li.drop").each(function(index, item) { if ($(item).hasClass('open')) { openItems.push(index); } }); $.cookie('open_items', openItems.join(',')); }); if( $.cookie('open_items') && $.cookie('open_items').length > 0 ) { previouslyOpenItems = $.cookie('open_items'); openItemIndexes = previouslyOpenItems.split(','); $(openItemIndexes).each(function(index, item) { $("li.drop").eq(item).addClass('open').find('ul').toggle(); }); } });

Vous aurez besoin d’inclure la bibliothèque jquery.cookie pour cela.

Le violon mis à jour peut être trouvé ici: http://jsfiddle.net/pHgB7/2/