Come usare cookie, JQuery, Javascript?

Sto attualmente creando una semplice list di troppi, sto avendo un problema con i cookie. Quando rimuovo la row $.cookie(todoDescription+1, todoDescription); il button per aggiungere un'operazione funziona e la nuova attività viene aggiunta all'elenco. Ma quando lascio questa linea nella pagina web lampeggia e non succede niente.

  $(document).ready( function() { showCookies(); // to show previous tasks when page is reloaded var all =0; $('#add_todo').click( function() { // button that adds a task var cookies = get_cookies_arrays() ; var todoDescription = $('#todo_description').val(); // string from textinput var mykey = todoDescription + 1; //i jst decided to have such key $.cookie(todoDescription+1, todoDescription); //this line doesnt work! //add task $('.todo_list').prepend( '<div class="todo">' + '<div>' + '<input type="checkbox" id = "cb" class="check_todo" name="check_todo"/>' + '</div>' + '<div class="todo_description" contentEditable = "true">' + todoDescription + '</div>' +'<div id = "delete">' +'<input id = "x" type = "submit" value = "X" onclick = "$.cookie('todoDescription+1',null);$(this).parent().parent().remove();"/>'+ '</div>' +'</div>'); return false; }); //end add todo }); function showCookies() { var cookies = get_cookies_arrays() ; for(var name in cookies) { if(name == cookies[name]+1){ $('.todo_list').prepend( '<div class="todo">' + '<div>' + '<input type="checkbox" id = "cb" class="check_todo" name="check_todo"/>' + '</div>' + '<div class="todo_description" contentEditable = "true">' + cookies[name] + '</div>' +'<div id = "delete">' +'<input id = "x" type = "submit" value = "X" onclick = "$.cookie('name',null);$(this).parent().parent().remove();"/>'+ '</div>' +'</div>'); } } } function get_cookies_arrays(){ var cookies = { }; if (document.cookie && document.cookie != '') { var split = document.cookie.split(';'); for (var i = 0; i < split.length; i++) { var name_value = split[i].split("="); name_value[0] = name_value[0].replace(/^ /, ''); cookies[decodeURIComponent(name_value[0])] = decodeURIComponent(name_value[1]); } } return cookies; } 

Mi piacerebbe che qualcuno mi possa aiutare.

Di seguito è riportta la descrizione dell'utilizzo di cookie jQuery

Crea cookie di session:

 $.cookie('the_cookie', 'the_value'); 

Crea cookie scadenti, 7 giorni da allora:

 $.cookie('the_cookie', 'the_value', { expires: 7 }); 

Crea cookie in scadenza, valido in tutto il sito:

 $.cookie('the_cookie', 'the_value', { expires: 7, path: '/' }); 

Leggi cookie:

 $.cookie('the_cookie'); // => "the_value" $.cookie('the_cookie', { raw: true }); // => "the_value" not URL decoded $.cookie('not_existing'); // => null 

Elimina cookie:

 // returns false => No cookie found // returns true => A cookie was found $.removeCookie('the_cookie'[, options]); 

Nota: quando elimina un cookie, devi passare lo stesso path, il dominio e le opzioni di protezione utilizzate per impostare il cookie, a less che non si basi sulle opzioni predefinite che è.