jjzjj

javascript - 如何在我的 introjs 中为下一步触发模式?

因此,IntroJS依靠data-intro和data-step属性工作。所以例如我的标志是这样的:但是对于第3步,它是在一个元素上,当按下时,下一步应该是在按下第3步中的元素时出现的模态上。我将此作为我的第4步,但它不起作用:现在,当您到达第3步并按next时,它会为您提供一个屏幕外的空白框。如何让它专注于该模式? 最佳答案 我们可以使用方法onchange()(monitorstepsononchangeevent)监控introJs中步骤的变化。在进入第4步时,我们应该显示模态,而在进入所有其他步骤时,我们应该隐藏它(因为用户

javascript - IntroJs如何实现高亮区域?

遇到intro.js-一种非常酷的方式来指导用户如何使用软件界面。我没有深入查看源代码,但想知道是否有人可以简要解释代码如何实现突出显示的区域(特别是尺寸/位置/zindexing)以达到效果。提前致谢周杰伦链接:http://usablica.github.com/intro.js/ 最佳答案 我是Afshin,Intro.js的作者。让我向您介绍一下它的实际工作原理。在聚焦/突出显示的元素中,发生了两件不同的事情:1)制作辅助层。辅助层是聚焦元素中的白色圆Angular层。2)更改目标元素的z-index和position以使该

javascript - IntroJs如何实现高亮区域?

遇到intro.js-一种非常酷的方式来指导用户如何使用软件界面。我没有深入查看源代码,但想知道是否有人可以简要解释代码如何实现突出显示的区域(特别是尺寸/位置/zindexing)以达到效果。提前致谢周杰伦链接:http://usablica.github.com/intro.js/ 最佳答案 我是Afshin,Intro.js的作者。让我向您介绍一下它的实际工作原理。在聚焦/突出显示的元素中,发生了两件不同的事情:1)制作辅助层。辅助层是聚焦元素中的白色圆Angular层。2)更改目标元素的z-index和position以使该

javascript - 跳过或完成后的 IntroJS 回调函数?

我正在使用introjs来构建我的应用程序之旅。我在网上和文档中搜索了很多地方,但似乎无法在任何地方找到如何在跳过或单击完成时运行函数的方法。我试图做到这一点,以便存储cookie,并且在用户请求或新用户访问该站点之前不会再次运行游览。任何帮助都会很棒,谢谢!$(function(){varintroguide=introJs();introguide.setOptions({showProgress:true,steps:[{hidden}]});introguide.start();}); 最佳答案 此代码允许存储旅游信息var

javascript - IntroJS 滚动不起作用

我在我的页面上使用IntroJs来展示导览。一般来说一切正常,但有一个问题:在一个页面上,IntroJS无法滚动,因为我有一个类似div的东西,它在div本身上滚动,所以不是整个页面都在滚动,但div是可滚动的。现在,当我在当前可查看的元素上定义游览元素时,一切正常,但如果您必须在div中向下滚动,它就不再起作用(它实际上试图向下滚动整个页面并显示茫茫荒野中的一步。我是这样定义游览的:this.intro=introJsModule.introJs();this.intro.setOptions({steps:[{intro:"Hellouser!"},{element:'.check

javascript - 第一次演练后如何停止触发 introjs?

我正在使用introjs.但是当用户结束简介,然后刷新页面时,introjs会再次启动。有没有办法让每个用户只显示一次演练?例如,当用户首次登录我的网站时,我会在其中弹出-introjs。我只希望它在最初的欢迎时弹出。可能的解决方案也许有一种方法可以通过创建操作来触发introjs,就像使用Flash消息一样?我可以将我所有的页眉、侧边栏和挑战部分代码复制到pages/tutorial.html.erb中,并创建一个路由www.websitename.com/tutorial,但是那样的话需要复制很多代码,而且无论何时我更改了网站中的某些内容,我也必须在教程中进行更改。有没有办法调整a