Question

我的滑动面板有点问题，我有一个带2个滑动面板的页面（左右）。这些面板有一个“滑动按钮”，您可以通过单击来减少面板。

我使用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");

};

感谢您的回复..

Answer 1

我不完全确定，但我认为您要将Cookie domain设置为/，以便可以在整个域中使用。

我不确定您使用的是哪个Cookie插件，因此我无法向您提供有关的具体信息。

Answer 2

如果您正在使用我想到的JQuery cookie插件，您可以将cookie设置为可在此处随处使用。

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

Jquery饼干，滑动面板问题的状态

2 个答案: