使用Intro.js和jquery.cookie仅在每个URL的第一个视图上显示简介

Question

我在3个不同的网址中使用intro.js功能。我限制它仅在用户第一次加载页面时向用户显示：

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

但是，一个cookie会阻止所有后续网址第一次显示intro.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()回调（see here）时将Cookie设置为浏览器，当用户再次访问您的网页时，您可以检查Cookie以防止再次展示介绍。