Javascript Hopscotch.js，动态创建的模式目标不起作用

我在用linkedIn的跳房子

我想在模式弹出窗口中显示一个气泡，但跳房子似乎跳过了模式的步长

我的猜测是，问题与巡更对象初始化时跳点目标不在那里有关，因为模式显示在巡更步骤的“onNext”事件上。我尝试将实际对象和id选择器作为“target”属性。我两个都不能工作

---

一个极端的选择是进行两次不同的巡视，在第一次巡视的ONED事件上显示模态，等待模态渲染完成，然后显示“下一次”巡视。但在使用这种奇怪的方法之前，我想找到一个简洁的解决方案

我也遇到了同样的问题，因此我添加了一个方法来刷新下一步目标元素：

/**
 * getCurrTarget
 *
 * @return {Object} The currently visible target.
 */
 {some code...}


 /**
 * setNextTarget   
 * @ Refresh the target dom element for the next step
 */
 this.setNextTarget = function(el) {
  currTour.steps[currStepNum+1].target = el;
 };

然后我就这样使用它：

 {step 1 code...}
 onShow:function(){
   hopscotch.setNextTarget($("#myStep2Target")[0]);                         
 }

---

不是最好的方法，但是很快就可以。。。希望有帮助；）

要让hopscotch在每次运行巡更时解析动态目标，只需克隆巡更定义即可，即

hopscotch.startTour($.extend(true, {}, tour));

---

到目前为止有什么解决办法吗？为了让它工作，我正在写我真的很讨厌的黑客代码。不是真的。我只是暂时省略了一些说明。对于一个不那么难看的黑客来说，一些想法可能是在巡演开始之前显示元素，但是绝对地将它们定位在屏幕之外，然后将它们移动到“onNext”的屏幕上。。我不确定这是否有效，但我刚刚想到。其他方法是操纵跳房子的内部结构，以便在“onNext”事件中改变目标元素（或其位置）……有人解决了吗？@NehaChoudhary你为它写了hack吗？@sarsarahman dint完成了它。是的，我想目前没有好的解决方案。对于单页应用程序，这可能是一个有点痛苦…问题是有关动态元素，应在旅游中可见。因此，在开始巡演的那一刻，他们不一定在DOM中（->重新开始并不会改变这种情况）。@Marcus我在发帖后有点猜测，但希望克隆方法对其他人（比如我）做单页应用有用。注意：我已经提交了一个拉请求，以便在每个步骤中动态解析目标