Ajax用内容加载JavaScript和CSS

Question

我正在使用jquery ajax将当前页面的内容从一个页面加载到div中，类似于gmail在收件箱，垃圾箱等之间切换的方式。我正在使用jQuery的load方法

$("#divGlobal").load("newPage.html #container");

将需要的内容加载到div中

newpage.html #container还具有关联的javascript和css文件。 现在，我通过将必需的<script>和<link>标记附加到<head>来加载它们，但是它并不总是有效。 文件始终加载（我正在Firefox中查看XHR信息），但似乎并不总是正常工作。

例如，如果我加载page1.html关联文件（包括用于UI的jQuery函数），则一切正常。 但是，如果我随后加载page2.html并返回到page1.html ，则将加载文件，但是jQuery函数没有响应。

有没有更好的方式来加载与我要加载的内容相关联的javascript和css文件？

Answer 1

重新加载先前加载的相同的javascript可能无法完成您想要的操作，因为所有变量和函数均已从上次加载中定义，并且某些状态可能已从前一次加载中获得。 再次将其加载到同一页面并不是从头开始，这可能是您想要的。

如果您控制要加载的页面，则可以通过仅对内容中的脚本进行专门设计的方式来编写javascript，以便它们按照所需的方式设置状态并清除以前加载的所有内容状态，但您必须以这种方式编写它们才能以这种方式工作。 这将包括重置脚本的第一次调用可能已修改的所有DOM修改，事件处理程序，全局变量等。