Ajax加载带有内容的javascript和css

Ajax load javascript and css with content

本文关键字:javascript css 加载 Ajax      更新时间:2023-09-26

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

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

将我需要的内容加载到我的分区中。

CCD_ 1还具有相关联的javascript&css文件。现在我正在通过将必要的<script><link>标记附加到<head>来加载它们,但它并不总是有效的。文件总是加载(我在Firefox中观看XHR信息),但似乎并不总是正确工作。

例如,如果我加载page1.html&关联文件(包括UI的jQuery函数),一切都很好。但是,如果我随后加载page2.html并返回到page1.html,则会加载文件,但jQuery函数没有响应。

有没有更好的方法加载javascript&与我正在加载的内容关联的css文件?

重新加载之前加载的同一javascript可能无法实现您想要的效果,因为所有变量和函数都已从上一次加载中定义,并且某些状态可能已在上一次负载中就位。将它再次加载到同一页面并不是从头开始的,这可能是你想要的。

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