Jquery 手机初次使用教程

Question

我想知道如何为我的应用开发多个页面的首次使用教程，就像 Zombies 运行应用一样，有 10 个初始屏幕，你必须滑过所有屏幕，然后你可以开始使用应用了。

我该如何实现，我应该使用面板还是 link 多个页面？

我已经尝试在网上搜索过，但我不知道它是否是一种 spashscreen 之类的。

应该很简单，但是我在网上和jquery移动演示官方网站上找不到任何东西。

感谢

Answer 1

您可以使用localStorage。在你的应用程序的开头，检查一个变量，比如 first_time

localStorage.getItem("first_time");

if(first_time=="")
{ // show tutorial
  localStorage.setItem("first_time","NO");
}

所以下次应用程序运行时它不会显示教程，因为下次 first_time 变量不会为空。

现在您可以通过多种方式展示教程。您可以使用视频或滑块

在开始时这将被隐藏。第一次使用会显示，否则不会。

Answer 2

非常感谢您的指导。实际上，我使用滑块链接构建了一个示例应用程序，可以在此 [fiddle][1] 上进行测试。

下一步，我会用本地存储来改进它。

再次感谢

Jquery mobile first time use tutorial