Javascript：代碼段，不能將它上班（設置和讀取cookies）

Question

我目前正在致力於基於JavaScript的產品配置程序，我似乎無法設置cookie並將其傳遞到配置程序的其他階段，即時通訊使用this cookie plugin建議我on another question，即時通訊想知道如果我誤解了插件說明，如果即時通訊使用它錯誤的方式，但正如我在另一個問題所說，即時通訊非常新的JavaScript。 如果有人可以請看看，並幫助我做什麼我做錯了，那將是很棒的。

設置cookie，我有這個功能：

function changeImage_red() { 
var img = document.getElementById("carro"); 
fadeIn("carro"); 
img.src = "http://popo.com.pt/POPO/configurador/cfg/page_color/color/red.png"; 
$.cookie('color', 'red'); 
return false; 

要閱讀它，使用它，我有這樣一句：

function changeColor() 
{ 
var color = $.cookie('color'); 
var img = document.getElementById("carro"); 
img.src = "http://popo.com.pt/POPO/configurador/cfg/page_rims/color/" + color + ".png"; 
return false; 
} 
window.onload = changeColor; 

我認爲的代碼，你可以看到即時標題，但爲了萬一有人錯過了，我希望汽車的顏色（在配置程序的第一頁中選擇）作爲一個cookie傳遞到第二頁（在那裏我有一輛側視圖而不是3/4視圖我在第一頁上，因此，我需要在第二頁上的汽車顏色等於一個在第一頁中選擇）。

順便說一句，在我的other question's answer中引起我興趣的一件事是關於JSON的部分，我不認爲我會使用JSON，我需要做些什麼來實現它？它會使這個片段工作？

Answer 1

你必須在changeColor方法的腳本語法錯誤 - 前".png"

function changeColor() { 
    var color = $.cookie('color'); 
    var img = document.getElementById("carro"); 
    img.src = "http://popo.com.pt/POPO/configurador/cfg/page_rims/color/" + color + ".png"; 
    return false; 
} 
window.onload = changeColor; 

Answer 2

查看此GitHub的頁面，它看起來像有一個path option它限制在Cookie用於：

默認情況下，cookie的路徑，在 的cookie是頁面的路徑創建（標準瀏覽器行爲）。如果您希望在整個域使用路徑中使用 ：'/'。

嘗試設置這樣的Cookie（由他們的資料爲準）：

$.cookie('color', 'red', { path: '/' });