在运行时创建的Bootstrap Modal上加载Javascript

Load Javascript on runtime created Bootstrap Modal

本文关键字:加载 Javascript Modal Bootstrap 运行时 创建      更新时间:2023-09-26

我在这个视图中调用了一个从外部html文件加载的Modal。由于这个Modal的内容是在运行时生成的,我必须加载/重新加载我的javascript文件,对吧?

我创建了一个函数,在加载此Modal后重新加载我的javascript文件,并且它运行良好。

我的问题是:有什么更好的方法可以做到这一点吗?

当包含外部html文件时,您是否尝试加载JS文件?

视图中:

<script>LoadJsAsync('/Scripts/modal-scriptName.js');</script>

在引用的JS文件中:

function LoadJsAsync(jsPath) {
    var head = document.getElementsByTagName('body')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.onreadystatechange = function () {
        // if (this.readyState == 'complete') { callFunctionFromScript(); }
    }
    script.src = jsPath;
    head.appendChild(script);
}