使用 jquery toggle() 和 $.cookie() 进行意外的状态切换答案

【问题标题】：Unexpected state switching with jquery toggle() and $.cookie()使用 jquery toggle() 和 $.cookie() 进行意外的状态切换
【发布时间】：2014-03-20 07:11:53
【问题描述】：

单击更多/上一个按钮可以正常工作。即使刷新浏览器 $.cookie() 正在做好维护状态。但是当我单击缩略图时，一些图像会混淆 cookie，因此页面就像单击了更多/上一个按钮一样。如果可以的话请帮忙。其他提示表示赞赏。

Wordpress HTML：

<div id="fp" class="gal">
  <h4>Recent Work</h4>
  [gallery columns="4" ids="7,8,187,6,9,10"]
  <h4>7 Deadly Sinners and The 7 Heaven Sent</h4>
  [gallery columns="4" ids="11,12,13,14,15,16,17,18,19,20,21,22,23,24"]
</div>

<div id="sp" class="gal">
 <h4>The Book Of Eye Characters</h4>
 [gallery columns="4" link="post" ids="26,27,28,29,30,31,32,33,34,25"]
</div>

jQuery:

<script src="<?php echo TEMPPATH;?>/scripts/jquery.cookie.js"></script>
<script>

$(document).ready(function () {
    $('<span id="more" class="paging">more</span>').insertAfter('#this');
    if ($.cookie("page1") == "n") {
        $("#fp").hide();
    } else {
        $("#sp").hide();
    }
    $("#more").click(function () {
        $(".gal").toggle("slow", function () {
            if ($('#fp').is(":visible")) {
                $.cookie("page1", "y");
                $('#more').html("more");
            } else {
                $.cookie("page1", "n");
                $('#more').html("prev");
            }
        });
    });
});
</script>

【问题讨论】：

标签： jquery wordpress toggle jquery-cookie

【解决方案1】：

我认为问题在于您的 cookie 创建。当你创建 cookie 时，添加{ path: '/' }，像这样

$.cookie('page1', 'y', { path: '/' });

因此 cookie 将跨越整个站点，而不是每个页面，就像它的默认行为一样。

【讨论】：

涂料。就是这样。谢谢。