backbone.js - 添加动态添加元素的介绍

Question

我的第一步指向一个必须由用户单击的按钮，然后在单击按钮后弹出一个对话框，用户可以在其中填写一些详细信息。

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

有没有办法做到这一点？ (主干和介绍)

我正在使用主干在单击按钮时呈现对话框

Answer 1

我没用过 intro.js ，但查看他们的文档，他们似乎有在 pageload 以外的时间向您的介绍添加步骤的方法。 .在将 html 添加到页面后，您应该在主干 View 的渲染方法中添加涉及对话框的步骤。 (或者，如果您愿意，您可以在那里处理所有 intro.js 代码)。

因此，如果您的 View 执行类似于以下内容的渲染:

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在代码的其他区域中的步骤，您可能需要进行一些试验才能使您的步骤按正确的顺序排列，但这应该可以帮助您入门。