Question

我试图找出为什么当我将外部内容加载到内容为id的外部内容时，我的JS文件（脚本文件）无法加载。我得到了HTML和CSS但不知何故脚本没有加载。

我的索引页面（包括头部，正文等...包括脚本和css链接）显示在页面加载（#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>

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

如果有任何问题请问，我会尽量让它更清楚！

事先谢谢！ /// E

Answer 1

无论你使用什么是逐步淘汰脚本，这一切都很好，因为脚本必须整体处理文档而不是碎片化。

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

jQuery.getScript()

检查文档：

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

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

修改

最好在你的情况下使用.appendTo（）：

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

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

1 个答案: