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修改，事件處理程序，全局變量等。

Ajax用內容加載JavaScript和CSS

問題描述

1 個解決方案

解決方案1
1 已采納 2012-08-04 00:09:39

Ajax用內容加載JavaScript和CSS

問題描述

1 個解決方案

解決方案1 1 已采納 2012-08-04 00:09:39

解決方案1
1 已采納 2012-08-04 00:09:39