Сохранение цвета на карте - Javascript

Question

Я изучаю, как сделать карту мира с помощью JavaScript. Я нашел этот удивительный пример в http://backspace.com/mapapp/javascript_world/. Тем не менее, я хочу, чтобы цвет каждого состояния оставался после щелчка (но остальное все равно будет #efefef, когда курсор находится в отъезде, если они не были нажаты). Я новичок в JavaScript, и мне хотелось бы решить эту проблему.

 // when cursor is over 
     st[0].onmouseover = function() { 
      current && map[current].animate({fill: "#efefef", stroke: "#666"}, 300); 
      st.animate({fill: st.color, stroke: "#ccc"}, 300); 
     }; 

     // when clicking 
     var flag = true; 
     st[0].onclick = function() { 
      if(confirm("Have you been to " + state + "?")) { 
       st.animate({fill: st.color, stroke: "#ccc"}, 300); 
       flag = false; 
      } 
     }; 

     // when cursor is away 
     if(flag) { 
     st[0].onmouseout = function() { 
      st.animate({stroke: "#666",fill: "#efefef" }, 300); 
     }; 
     } 

Answer 1

Вместо $animate изменений СМЧА из st элемента и установить background-color. Таким образом, фон элемента будет постоянным.

st.css({'background-color': <color-code>}); 

Надеюсь, это поможет.