我如何显示工具提示而不将任何元素放在intro.js上

Question

我在产品介绍中使用了intro.js。 我想显示工具提示时不关注“欢迎使用XYZ游览”之类的任何元素。 我只想使用bootstrap和intro js，并且我不想使用任何警报，弹出窗口……这里介绍intro.js选项的任何解决方案我都附上屏幕截图..如果我能随意选择一些选择器，我就能实现值，但我想要一个干净而公平的代码

咖啡js：

intro.setOptions步骤：[元素：“ randomXyzselectorThatDoesntExistinPage”简介：“欢迎来到“创建新预订导览”，请按照分步指南清楚地了解流程

点击“下一步”按钮开始游览

“ position：” bottom“，元素：” .userContainer“简介：” FIRST，用于搜索Guest是否已存在于我们的记录中

单击“下一步”按钮开始游览

“位置：”底部“，元素：” .availabilityContainer“简介：”现在，让我们检查来宾需要停留的日期的OYO的可用性，并选择一个可用的OYO进行预订。“位置：”底部“，元素：“ .overlayIntrojs”简介：“在这些日期的可用OYO中选择了OYO之后，让我们选择房间数量，房间类型，加床，额外人员，折扣和其他有关预订的基本信息

“位置：” top“，元素：” .introJsSel4“简介：”付款细节部分！，通过输入付款细节（如付款方式，已付款金额，付款参考号码等）来确认预订”位置：“ top”] intro.setOption“ doneLabel”，“完成” intro.start（）。oncomplete-> window.location.href =“ / admin / bookings / 36”返回

屏幕截图：

[IMG] http://i59.tinypic.com/2zges2b.jpg[/IMG]

我希望将第一个工具提示显示为一些欢迎消息，而不是直接浏览幻灯片...我希望我在上图中显示的内容，而不必分步提供一些随机选择器，但以明显的introjs支持的方式

Answer 1

您需要使用程序定义的步骤，如下所示：

    var intro = introJs();
      intro.setOptions({
        steps: [
          { 
            intro: "Hello world!"
          },
          { 
            intro: "You <b>don't need</b> to define element to focus, this is a floating tooltip."
          }
        ]
      });

      intro.start();

这是一个示例： https : //github.com/usablica/intro.js/blob/master/example/withoutElement/index.html