javascript - IntroJS 'refresh' 介绍开始后可以突出显示元素吗？

Question

我在将 introJS 与 Backbone View 一起使用时遇到问题:我设置 introJS 的代码是这样的:

introJs.setOptions({steps: [
  {element:"#id1", intro: "something about id1"},
  {element:"#id2", intro: "something about id2"},
]});

但在第一步中，如果用户在突出显示区域 (#id1) 中执行某些操作，主干 View 将重新呈现“#id2”元素，从而导致 introJS 在进入第 2 步时失败。

有没有办法在介绍中途“刷新”元素，这样在我的情况下，#id2 可以被 introJS 找到，即使它在介绍开始后重新生成也是如此？

Answer 1

如果您仅将 inroJS 用作 UI 演练，那么您可以执行以下操作

introjs.onbeforechange(function(targetElem){
    var jqElem = '#' + targetElem.id;
    $(jqElem).addClass('handle-events');
});

和

introjs.oncomplete(function() {
    $('.handle-events').removeClass('handle-events');
});

在css中你可以添加下面几行

.handle-events {
    pointer-events: none;
    cursor: default;
}