当我使用 ajax load(); 将外部内容加载到 #content div 中时，为什么不包含我的脚本文件？

Question

我想弄清楚为什么当我使用内容 ID 将外部内容加载到我的 DIV 时，我的 JS 文件（脚本文件）没有加载。我得到 HTML 和 CSS 但不知何故脚本没有加载。

我的索引页面（包括头部、主体等。包括脚本和 css links）在页面加载时显示（在#content DIV ).
我做错了什么？将我的脚本文件包含在加载到我的 #content div 中的所有外部页面上的最简单方法是什么？

更好地了解问题情况的示例代码：

    <a href="Link1">Link1</a>
    <a href="Link2">Link2</a>

    <nav>
        <div class="name">Erik</div>

        <a class="btn btn-1 btn-1a about" href="about" id="aboutbtn">About me</a>
    </nav> 

            <div id="content">

            </div>

视频 link 解释了我到目前为止所做的事情（不是我的视频），但没有解释如何包含我的脚本文件： https://www.youtube.com/watch?v=ytKc0QsVRY4

有什么问题尽管问，我会尽量说清楚！

先谢谢了！ /// E

Answer 1

无论您使用什么来逐步淘汰脚本，这一切都很好，因为脚本必须将文档作为一个整体来处理，而不是在它是零碎的时候。

您可以在 elements/HTML/CSS 附加到文档后加载脚本。我看了你的视频，很公平 Jquery 有一种特殊的方法来加载脚本并将它们添加到程序堆栈中。

jQuery.getScript()

检查文档：

https://api.jquery.com/jquery.getscript/

将该代码放入一个单独的 .js 文件中并加载它。

编辑

在您的情况下最好使用 .appendTo()：

http://jsfiddle.net/LeroyRon/bk9fryuj/

当我使用 ajax load(); 将外部内容加载到 #content div 中时，为什么不包含我的脚本文件？

Why isn't my script files included when i load external content into a #content div with ajax load();

javascript

ajax

jquery

load

innerhtml