1

div トグルに少し問題があります。私のページには 2 つの主要な div があります。1 つは box で、もう 1 つは box2 です。

ユーザーが最初にマイページを開くと、ボックスのみが表示されますが、box2 をクリックすると、下にスライドして表示されます。

ユーザーがbox2を切り替えた後、ページのリロード時にそのdivを開く必要がありますが、そのためにCookieを設定する方法がわかりません。

こちらをご確認ください(http://jsfiddle.net/wasimkazi/fauNg/18/) 

function getCookie(c_name) {
var i, x, y, ARRcookies = document.cookie.split(";");
for (i = 0; i < ARRcookies.length; i++) {
    x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
    y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
    x = x.replace(/^\s+|\s+$/g, "");
    if (x == c_name) {
        return unescape(y);
      }
   }
}

function setCookie(c_name, value, exdays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value = escape(value) + ((exdays === null) ? "" : "; expires=" + exdate.toUTCString());
document.cookie = c_name + "=" + c_value;
}

var widget2 = $(".widget2"),
box2 = $(".box2");

widget2.hide();
box2.click(function() {
$(this).next(widget2).slideToggle("fast", function() {});
});

var inner = $(".inner"),
box = $(".box");

inner.hide();
box.click(function() {
$(this).next(inner).slideToggle("fast", function() {
  });
});
4

1 に答える 1

1

このようなものを使用してボックスのステータスを保存し、 getcookie を使用してページのリロード時にステータスを確認し、それに応じて切り替えることができます 

box2.click(function() {
    $(this).next(widget2).slideToggle("fast", function() {
        var flag = ($(this).css("display") == 'none')?'off':'on';
        setCookie('box2', flag);
    });
});

次に、ページのリロード時にボックスのステータス/値を確認し、それに応じて切り替えます。何かのようなもの

if(getCookie('box2') == 'on'){
    box2.show();
}else{
    box2.hide();
}

正確な解決策ではありませんが、それを処理できる方法をいくつか教えてください

setcookie と getcookie が正しいかどうか疑問がある場合は、quirksmode でこのリンクを参照して、Cookie の簡単な実装を確認できます。

于 2012-07-31T07:57:50.493 に答える