我对 div 切换有一点问题。在我的页面中,我有两个主要的 div,一个是 box,另一个是 box2。
当用户打开我的页面时,首先只有框是可见的,但是当他/她点击框 2 时,它会向下滑动并显示。
用户切换 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() {
});
});
最佳答案
你可以使用这样的东西来存储盒子的状态,然后使用 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是否正确有疑问,你可以引用这个link on quirksmode用于简单实现 cookie
关于jquery - 我如何使用 jquery 为切换 div 设置 cookie,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11735432/