当用户单击链接时,寻找要设置的 cookie,它将打开 div,然后用户可以刷新页面并看到 div 仍然打开。
======HTML========
<a class="show-settings" href="#"></a>
========jQuery========
$(function () {
//Toggle Settings
var s = $("a.show-settings");
//On click to toggle settings
s.click(function () {
$("#s4-ribbonrow, #s4-titlerow").toggle();
});
//Add/Remove text
s.toggle(function () {
//$(this).text("Hide Settings");
}, function () {
//$(this).text("Show Settings");
});
最佳答案
我用过this jQuery plugin之前非常可靠地达到了几乎完全相同的目的。它非常轻量级,并且其文档非常容易理解。
所以你可以有这样的东西:
// This is assuming the two elements are hidden by default
if($.cookie('myCookie') === 'on')
$("#s4-ribbonrow, #s4-titlerow").show();
s.click(function () {
$("#s4-ribbonrow, #s4-titlerow").toggle();
// Toggle cookie value
if($.cookie('myCookie') === 'on')
$.cookie('myCookie', 'off');
else
$.cookie('myCookie', 'on');
});
关于jquery - 如何使用toggle()在jquery中设置cookie,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9621427/