使用 cookie 的 JQuery答案

【问题标题】：JQuery using cookies使用 cookie 的 JQuery
【发布时间】：2010-03-19 18:47:01
【问题描述】：

在我的 js 文件中，我希望能够在正在开发的新空气应用程序中加载“启动画面”。目前，当我调用启动屏幕时，它可以正常打开和关闭，但是当我设置它时它根本不运行。请帮忙...

    cookieSplash();

function cookieSplash(){
    var cookieSplash = $.cookie('loadSplash');
    if (cookieSplash == "true") {
        splash();
    };
    if (cookieSplash == "false") {
        loadApplication();
    };
}
function splash(){
    $("#viewport").append('<div id="splash"><img id="splash-close" src="/images/splash-logo.png" alt="click to close"></div>');
    $("#splash").click(function() {
        // Act on the event
        $("#splash").fadeOut("slow");
        $("#jettison").fadeIn("fast");
        $.cookie("loadSplash", "false");
    });
}
function loadApplication(){
    $("#jettison").fadeIn("fast");
}

请帮帮我

【问题讨论】：

标签： jquery cookies air splash-screen

【解决方案1】：

第一个功能应该不同。未设置的 cookie 不会产生诸如“true”或“false”之类的值（正如@rochal 指出的那样，它们是字符串，而不是布尔值），它将为空。另外，如果您的 cookie 会跟踪是否需要显示启动画面，那么它首先会有什么价值呢？

function cookieSplash(){
  var cookieSplash = $.cookie('loadSplash');
  if (cookieSplash)
      splash();
  else
      loadApplication();
}

function splash() {
  $("#viewport").append('<div id="splash"><img id="splash-close" src="/images/splash-logo.png" alt="click to close"></div>');
  $("#splash").click(function() {
      // Act on the event
      $("#splash").fadeOut("slow");
      $("#jettison").fadeIn("fast");
      $.cookie("loadSplash", "done");
  });
}

【讨论】：

【解决方案2】：

确保您已包含jquery_cookie.js。如果你有，那么我建议使用 Firefox/Firebug 并检查控制台是否有 javascript 错误。

【讨论】：

【解决方案3】：

根据demo page for jQuery cookies，您错误地设置了cookie。使用此示例语法：

设置：

$.cookie("MySplashCookie", true, { expires: 10 })

阅读：

$.cookie("MySplashCookie")

注意：

"true" != true
"false" != false

确保您也保存了正确的类型。

【讨论】：