添加介绍以动态添加元素

Question

我的第一步指向一个必须由用户点击的按钮，然后在单击按钮后，用户可以弹出一些细节填充对话框。

发生的事情是我刚刚获得背景而且介绍没有指向对话框，因为当对话框尚未出现在页面上时它开始加载页面...

有办法做到这一点吗？ （骨干和介绍）

我使用骨干网点击按钮

来渲染对话框

Answer 1

我从未使用intro.js，但查看他们的文档，看起来他们有方法在pageload以外的时间为您的介绍添加步骤。将html添加到页面后，您应该在骨干视图的render方法中添加涉及对话框的步骤。 （或者，如果您愿意，可以在那里处理所有intro.js代码。）

因此，如果您的视图执行类似以下内容的渲染：

var myHtml = '<div class="dialog">Here is the dialog!</div>';
this.$el.html(myHtml)

那么你应该遵循以下内容：

introjs().addStep({
    element: this.el,
    intro: 'Here is the starting dialog'
}).start();

如果您在代码的其他区域中定义了其他introjs步骤，则可能需要进行一些实验，以便按正确的顺序完成步骤，但这应该可以帮助您入门。