Javascript jQuery插件，用于在动态页面上创建网站浏览

我尝试了LinkedIn跳房子和Intro.js来创建网站旅游。但是这两种方法对于静态页面/多个静态页面都非常有效

问题是我有一个单页应用程序，其中大多数元素都是在BackboneJS的帮助下动态创建的。在这种情况下，hopsocch和Intro.js都不能附加/等待动态创建的元素

有没有图书馆可以这样做。或者，如果可以使用hopsocch/Intro.js实现这一点

var tour = {
    id: "hello",
    steps: [{
            title: "Welcome!",
            content: "Hey there! If you have just 2 minutes.",
            target: document.querySelector(".list a"),
            placement: "bottom"
        }, {
            title: "Create a new file",
            content: "Create a new file",
            target: document.querySelector("#page a"),
            placement: "right",
            onNext: function () {
                $('.add-new a').click();
            }
            ]
    };
    hopscotch.startTour(tour);

---

例如：在上面的跳房子中，$（'.addnewa'）之后我应该做什么。单击（）；这将打开一个模式窗口？

只有在从主干加载所有内容后，才能尝试初始化跳房子，如下所示：

render: function() {
    // do your normal render stuff
    this.afterRender();
},

afterRender: function() {
    hopscotch.startTour(tour);
}

是一个现代化、功能强大的库，用于为web应用程序和网站创建交互式旅游，非常适合SPA应用程序

Sideshow不仅可以引导用户，还可以与他们互动：

• 通过遮罩屏幕的其余部分（Sideshow不使用z索引方法，它的遮罩不在元素后面，而是真正围绕元素），突出显示您在每个步骤中谈论的部分（表单、div、图像、字段等）
• 监视用户的行为和某些屏幕的状态
• 为教程创建智能步骤，当满足某些条件时，该步骤将自动进行
• 在教程之间创建关系，这样，当用户完成某个教程时，将显示一个包含相关教程的列表
• 使用标记对步骤描述进行丰富格式设置
• 使用事件（例如beforeStep/afterStep、BeforeWizardStart/afterWizardEnds）执行某些准备或其他操作
• 显示上下文教程根据用户查看的屏幕，每个教程都有自己的条件来检查是否符合该屏幕的条件

---

和其他强大功能

惊人的图书馆！我一直在寻找一个类似的人，这真的很棒。谢谢