我正在使用jquery ajax從一個頁面加載內容到當前的一個div,類似於Gmail收發箱,垃圾箱等之間切換的方式。我正在使用jQuery的加載方法Ajax加載JavaScript和css內容
$("#divGlobal").load("newPage.html #container");
將我需要的內容加載到我的div中。
newpage.html #container
也有關聯的javascript &與它相關聯的css文件。現在我通過將<script>
和<link>
標籤附加到<head>
來加載它們,但它並不總是有效。文件始終加載(我正在觀看Firefox中的XHR信息),但並不總是正常工作。例如,如果我加載關聯文件(包括用於UI的jQuery函數),則一切正常。但是,如果我然後加載page2.html
並返回到page1.html
,文件加載但jQuery函數沒有響應。
有沒有更好的加載方式javascript &與我正在加載的內容相關的css文件?
以這種方式加載內容是一個非常糟糕的主意;它會使頁面更難以維護,甚至會導致可能的XSS漏洞。不要發送完整的html頁面(包含重複的'',''和''標籤),請考慮使用'AJAX'以JSON等純數據語法僅載入必要的頁面數據。其他選項包括一次加載所有內容(較少的HTTP請求),或者甚至在適當的情況下使用iframe。 – 2012-08-04 01:00:22