Foundation Joyride 不再显示

Question

我在我的网络应用程序中使用 Foundations Joyride 插件。我想要实现的目标是用户可以说在每一步都不再显示按钮。

例如，我在第一个项目上，我想要两个按钮，下一步/不再显示。

有没有办法得到它？

Answer 1

我遇到了这个问题，并通过制作一个相同样式的单独弹出窗口来解决它，提示用户做其他事情（在这种情况下是开始一个视频）或开始兜风。

为此，我们还添加了一个名为“不再向我显示此内容”的复选框，然后将结果存储在 cookie 中，以确保在重新加载页面时该框不会自动弹出。

以下代码应该会有所帮助（您需要自己设置或清除“show_joyride”cookie - 我们使用 js.cookie.js）：

var showJoyride = Cookies.get('show_joyride');

// Setup joyride but tell it not to auto start
$("#joyRideTipContent").joyride({
  autoStart : false,
  modal:true,
  expose: true
});

if(showJoyride == 'true'){

  // Start the joyride
  $("#joyRideTipContent").joyride({
     modal:true,
     expose: true
  });

}