使用Intro.js和jquery.cookie僅在每個URL的第一個視圖上顯示簡介

Question

我在3個不同的URL上使用intro.js功能。我已經限制它展現給用戶的只有他們第一次加載一個頁面：

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

但一個餅乾阻止隨後的所有網址，顯示他們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以防止再次顯示介紹。