jquery-plugins - 使用 Intro.js 和 jquery.cookie 仅在每个 url 的第一个视图上显示介绍

Question

我intro.js在 3 个不同的 url 中使用功能。我将其限制为仅在用户第一次加载页面时向他们显示：

unless $.cookie("firstview")? introJs().start()
$.cookie "firstview", "firstSet", expires: 365

但是一个 cookie 会阻止所有后续 urlintro.js第一次显示它们。我试过了：

unless $.cookie("page1")?
introJs(".page1").start()
$.cookie "page1", "firstSet", expires: 365, page: "/page1"

unless $.cookie("page2")?
introJs(".page2").start()
$.cookie "page2", "firstSet", expires: 365, page: "/page2"

但仍然只会显示第一页。有任何想法吗？

Answer 1

这很容易实现。

首先，您应该向用户显示介绍，然后在introJs.onexit()回调时为浏览器设置一个cookie（见此处），当用户再次访问您的页面时，您可以检查cookie以防止再次显示介绍。