Question

我有一个主菜单页面（带有相应的HTML页面和外部JS控制器），可以在点击时加载四个不同的迷你游戏中的一个。加载的HTML文件包含一个应该为特定游戏加载控制器的链接。

HTML被加载，但引用的JS将无法运行，即使我在元素选项卡中看到脚本标记在那里。

有没有办法避免使用$ .get JS文件以及HTML文件？我宁愿保存在服务器调用中。

这是在主菜单中

function loadGame(e){

    var url = e.target.dataset.app;
    var game = '';
    $.get(url, function(data){
        game = data;
    }).done(function(){
    $('main').html(game);
    });
};

这是加载到main中的HTML：

<h1>Memory game</h1>
<div id="cards">
</div>
<aside id="score">
    <div id="thisGame"><h2>Score</h2></div>
    <div id="topGame"><h2>Top Score</h2></div>
</aside>
<script src="memory.js" type="text/javascript"></script>

memory.js上没有任何内容。

谢谢！

Answer 1

作为DOM文本插入的JavaScript将无法执行。这个答案可以帮助您：https://stackoverflow.com/a/4620099/2254506

链接到加载的html文件的脚本未运行

1 个答案: