BootstrapモーダルとAJAXを使用したIntro.js

Question

intro.jsで問題が発生しました。 Modalに集中しようとすると機能しません。

ページがロードされると、我々はAJAXを使用してModalは、テキストの変数等に含まれているため、DOMは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の調整を必要とするかもしれませんが、うまくいけば、それが役立ちます。