Question

我遇到了 intro.js 的问题。当我尝试专注于Modal时，它无效。

加载页面时，DOM不包含Modal因为我们使用AJAX而Modal包含在文本变量中，如：

var Xhtml = '<div class="modal fade".........'

我认为问题在于加载时div不存在。

有人可以帮助我吗？

精确度：我无法直接在页面上写Modal。

Answer 1

您可以使用onbeforechange（）重新检查DOM的元素。像这样：

introguide.onbeforechange(function(targetElement) {

  // Cycle through each step as defined in the options
  introguide._options.steps.forEach(function(value, key) {

    // Look for the element in the DOM
    var element = typeof value.element == 'string' ? document.querySelector(value.element) : value.element;

    // If the element now exists, update the items
    if (element) {
      introguide._introItems[key].element = element;
    }

  });

});

以下是您修改过的jsbin：https://jsbin.com/kisekofuma/edit?html,js,output

你可能需要一些CSS调整来让你的模态表现出来，但希望这会有所帮助。

带有bootstrap模式和AJAX的Intro.js

1 个答案: