javascript - 使用 jQuery 附加到 HTML 后未加载 SCRIPT src

Question

我正在开发需要加载新 HTML 并附加到当前页面 HTML 的应用程序。

现在，我使用 jQuery ajax 加载了新的 HTML但在新加载的 HTML 中有 <script>其中display audio to play 。但我的问题是，当脚本加载时，加载的 HTML 中的脚本标记即使未加载也不会显示。

我用过:

<script src="Link of JS file which create audio" type="text/javascript"></script>

以上代码在附加后不显示/未加载。

我附加如下:

var html = '<div> <h1>Header</h1> <div>Contain area</div>
            <script src="Link of JS file which create audio" type="text/javascript"></script></div>'
$("#container").append(html);

但不工作。任何人都有一个想法。

谢谢

Answer 1

您可以使用 jQuery getScript();

$.getScript( "url/for/script.js" )
    .done(function( script, textStatus ) {
        console.log( 'script loaded' );
     })
    .fail(function( jqxhr, settings, exception ) {
        console.log( 'Script not loaded' );
     });

这会将 JavaScript 文件附加到脚本标记中。

了解更多 here .