zurb-foundation - 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
  });

}