在运行时选择不在 DOM 中的元素 IntroJS

【问题标题】：Select elements not in DOM at runtime IntroJS在运行时选择不在 DOM 中的元素 IntroJS
【发布时间】：2023-03-19 18:27:01
【问题描述】：

我正在使用 introJS 为第三方 Web 应用程序进行演练，但不知道在 IntorJS 脚本开始运行时如何选择不在 DOM 中的元素。当您单击按钮时，会弹出一个菜单作为覆盖 div。我似乎无法选择它的任何类。

【问题讨论】：

标签： javascript intro.js

【解决方案1】：

为了向 Intro.js 步骤添加元素，该元素必须存在并在浏览器中呈现。不过，您可以做的一件事是使用 CSS 选择器并在呈现应用程序后调用 refresh() 方法。

示例：

 var intro = introJs();
          intro.setOptions({
            steps: [
              {
                element: '#step3',
                intro: 'More features, more fun.',
                position: 'left'
              },
              {
                element: '#step4',
                intro: "Another step.",
                position: 'bottom'
              },
              {
                element: '#step5',
                intro: 'Another Step'
              }
            ]
          });

          intro.start();

然后在您的应用程序完全呈现时调用intro.refresh()。一旦调用了refersh()，Intro.js 就会尝试重新评估所有选择器并从 DOM 中查找元素。

【讨论】：