Làm cách nào để đặt id của div làm cookie?

Question

Tôi có một nhiệm vụ để làm nổi bật menu đã chọn trong khi làm mới trang. Cho rằng tôi muốn sử dụng cookie. mã HTML là

<div class="menuBar"> 
      <div class="menuHeader ui-corner-top"> 
      <span><a href="#" onclick="Home()" id="home">Home</a></span> 
      </div> 
      <div class="menuHeader ui-corner-top"> 
      <span><a href="#" onclick="NewTransaction()" id="newtransaction">New Transaction</a></span> 
      </div> 
</div> 

tập tin Javascript là

function Home() { 
      window.location.href = "../../home/welcome"; 
     } 
     function NewTransaction() { 
      window.location.href = "../../EnergyCatagory/index"; 
     } 

Nhưng tôi có một mã số để thiết lập menu như selected.But không phải là một way.How tốt của nó tôi có thể vượt qua giá trị của menu đã chọn đến trang trong khi làm mới? đây là đoạn code để làm nổi bật menu

$(document).ready(function() { 
       var currentUrl = window.location.href; 
       if (currentUrl.indexOf("home/welcome") !== -1) { 
        $("#home").parent().parent().addClass('menuHeaderActive'); 
       } 
       else if (currentUrl.indexOf("EnergyCatagory/index") !== -1) { 
        $("#newtransaction").parent().parent().addClass('menuHeaderActive'); 
       } 
       else if (currentUrl.indexOf("portfolio/Index") !== -1) { 
        $("#portfolio").parent().parent().addClass('menuHeaderActive'); 
       } 
      }); 

Answer 1

Bạn có thể thực hiện nó như thế này:

function goToLocation(sLocation, id) { 
    $.cookie("activediv", id); 
    window.location.href = sLocation; 
} 

trong html:

<a href="#" onclick="goToLocation('../../home/welcome', 'home')" id="home">Home</a> 

trong jQuery sẵn sàng:

$('#' + $.cookie("activediv")).parent().parent().addClass('menuHeaderActive'); 

Answer 2

Cố gắng thiết lập cookises sử dụng jQuery như:

$.cookie("name", "value"); 

hơn bạn có thể đọc ở đây: How do I set/unset cookie with jQuery?

Answer 3

Cho id cho mỗi mục menu.

Sau đó, trong chức năng onclick() của mục menu, hãy đặt id đó làm cookie.

Set Cookie

$.cookie("selectedId", $(this).attr('id')); 

Trong chức năng document.ready add chọn lớp để các phần tử với id thu được từ cookie sẽ