Question

我第一次尝试做饼干。我想简单地增加字体大小并将其保存在cookie中。我做了很多阅读，但我不能说一个简单的事情。我想要一个cookie来设置洞网站上的fontsize。代码如下。

<script type="text/javascript">
  $(document).ready(function() {
    $('#incfont').click(function() {
      curSize = parseInt($('.content').css('font-size')) + 2;
      if (curSize <= 20)
        $('.content').css('font-size', curSize);
      $.cookie('font-size', curSize);
      console.log($.cookie('font-size', curSize, {
        expires: 3600
      }));
    });
    $('#decfont').click(function() {
      curSize = parseInt($('.content').css('font-size')) - 2;
      if (curSize >= 12)
        $('.content').css('font-size', curSize);
      $.cookie('font-size', curSize, {
        expires: 3600
      });
      console.log($.cookie('font-size', curSize));
    });
  });

</script>
<div id="incfont" class="col-md-1">
  A
</div>
<div id="decfont" class="col-md-1">
  a
</div>

并在您返回页面时设置字体大小：

<script>
  $(document).ready(function() {
    $('.content').css('font-size', $.cookie('font-size'));
  })
</script>

但现在发生的事情是它为每个页面设置了一个cookie。我想要的是设置我的洞网站的字体大小。

我还阅读了有关跨站点脚本的内容，我需要记住哪些内容？

感谢任何发烧友，

塞斯

Answer 1

您应该在设置Cookie时指定Cookie路径，我相信就是这样，因为您现在为每个页面单独设置它。只需更改代码即可将cookie设置为：

$.cookie('font-size', curSize, { path: '/' });

Answer 2

我假设你正在使用这个jQuery插件（https://github.com/carhartl/jquery-cookie）。

默认情况下，Cookie仅在当前页面上有效。要覆盖此行为，您可以在选项对象中传递path值。

由于您希望Cookie对整个域有效，因此您的路径为/：

$.cookie('font-size', curSize, { path: '/' });

我的洞网站的Jquery饼干

2 个答案: