Jquery餅乾，滑動面板問題的狀態

我的滑動面板有一個小問題，我有一個帶有2個滑動面板的頁面（左右）。這些面板有一個'幻燈片按鈕'，你可以通過點擊來減少面板。Jquery餅乾，滑動面板問題的狀態

我使用cookie來記錄面板的狀態，所以當您更改頁面面板時保持摺疊或擴展狀態。但它不能很好地工作，事實上該頁面的狀態被記錄下來。如果我改變頁面，面板將擴展（默認位置），但如果我回到頁面，它將消失。是否可以忽略Cookie中的路徑併爲所有網站使用cookie？ jQuery代碼：

$('#rightfold').click(function() { 
    if ($('.menudroite').is(':visible')) { 
     $('.menudroite').hide("slide", { direction: "right" }, 400); 
     $.cookie('rightfold', 'collapsed'); 
     $('.triggerdroite').animate({ backgroundColor: "#B2C9D1" }, 1000); 
     $('#rightfold').animate({ color: "#000000" }, 1000);   
    } 
    else { 
     $('.menudroite').show("slide", { direction: "right" }, 400); 
     $.cookie('rightfold', 'extended'); 
     $('.triggerdroite').animate({ backgroundColor: "#6c7a7f" }, 1000); 
     $('#rightfold').animate({ color: "#d9f4ff" }, 1000); 

    } 

}); 
$('#leftfold').click(function() { 
    if ($('.menugauche').is(':visible')) { 
     $('.menugauche').hide("slide", { direction: "left" }, 400); 
     $.cookie('leftfold', 'collapsed'); 
     $('.triggergauche').animate({ backgroundColor: "#B2C9D1" }, 1000); 
     $('#leftfold').animate({ color: "#000000" }, 1000); 
    } 
    else { 
     $('.menugauche').show("slide", { direction: "left" }, 400); 
     $.cookie('leftfold', 'extended'); 
     $('.triggergauche').animate({ backgroundColor: "#6c7a7f" }, 1000); 
     $('#leftfold').animate({ color: "#d9f4ff" }, 1000); 


    } 

}); 

// COOKIES 

var leftfold = $.cookie('leftfold'); 
var rightfold = $.cookie('rightfold'); 

// Set the user's selection for the left column 
if (leftfold == 'collapsed') { 
    $('.menugauche').css("display", "none"); 

}; 
// Set the user's selection for the right column 
if (rightfold == 'collapsed') { 
    $('.menudroite').css("display", "none"); 

};

感謝答覆..

來源

2011-01-05 bAN

如果您使用的是我正在考慮的JQuery cookie插件，您可以將Cookie設置爲可在任何地方使用。

$.cookie('leftfold', 'extended', {path: '/'});

來源

2011-01-05 22:29:24

沒關係，謝謝！ – bAN 2011-01-06 07:17:34

我不能完全肯定，但我認爲你要cookie中設置domain到/，以便它可以在整個域中使用。

我不確定你正在使用哪個cookie插件，所以我不能告訴你關於如何這樣做的具體信息。

來源

2011-01-05 22:03:02 zzzzBov

Jquery餅乾，滑動面板問題的狀態

回答

相關問題