Vérification de la valeur d'affichage de l'élément HTML et enregistrement dans un cookie dans jQuery

Question

J'essaie actuellement d'utiliser jQuery pour basculer l'apparence d'un shoutbox et me souvenir de l'état (masqué/visible) d'une page à l'autre. Le problème que j'ai est d'obtenir un ensemble de cookies pour se souvenir de l'état.

Le code que j'ai pour le moment est ci-dessous, mais il ne semble pas exécuter l'instruction if correctement. Des idées pourquoi? Je suis assez nouveau pour JavaScript et jQuery - donc je m'excuse à l'avance si la réponse est évidente. J'espère apprendre.

Answer 1

Essayez

if ($('#SB').is(':visible')) { 
    ... 
} 

Il est normalisé de travailler un peu mieux que la vérification display.

Answer 2

document.cookie ne fonctionne pas de cette façon. Départ:
http://www.quirksmode.org/js/cookies.html

Il a même code à la fin de celui-ci:

function createCookie(name,value,days) { 
    if (days) { 
     var date = new Date(); 
     date.setTime(date.getTime()+(days*24*60*60*1000)); 
     var expires = "; expires="+date.toGMTString(); 
    } 
    else var expires = ""; 
    document.cookie = name+"="+value+expires+"; path=/"; 
} 

function readCookie(name) { 
    var nameEQ = name + "="; 
    var ca = document.cookie.split(';'); 
    for(var i=0;i < ca.length;i++) { 
     var c = ca[i]; 
     while (c.charAt(0)==' ') c = c.substring(1,c.length); 
     if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); 
    } 
    return null; 
} 

function eraseCookie(name) { 
    createCookie(name,"",-1); 
} 

Answer 3

Cache votre élément pour l'efficacité

var sb=$('#SB');//cache once outside the function 
function show_shoutbox() { 
    sb.toggle("fast"); 
    if (sb.is(':visible')) {//do your business 
    } 
    else { //do something else 
    } 
} 

Answer 4

utilisation $('#SB')[0] au lieu de $('#SB'). cette partie du code retourne un tableau de tous les éléments qui satisfont aux exigences. et si vous n'avez qu'un seul élément avec cet ID, le premier élément avec l'index 0 est l'élément que vous recherchez.