在多個文檔上執行JavaScript jQuery Mobile站點

Question

我有一個網站，我通過getJSON加載所有內容。爲了保持低DOM的大小並保持文檔可讀性，內容從單獨的HTML文檔加載。問題是當使用AJAX加載頁面時，在新頁面加載時不執行JavaScript。如果我直接訪問該頁面，則會執行JavaScript。

當使用AJAX導航到新頁面並直接加載頁面時，有什麼方法可以執行某些JavaScript？

我注意到，如果它們是動態創建的，直接使用「index.html＃page2」加載頁面不起作用。它只加載第一頁。

Answer 1

Jquery mobile的標準行爲是使用AJAX從子問題頁面加載內容，僅加載文檔的正文部分。後果是：

• 頭的內容不加載：僅在後續頁面鏈接的樣式表中的任何具體的腳本將被忽略
• 沒有$(document).ready()活動頁面加載。

正確的方法做事情是

1. 保證你的第一個網頁鏈接的所有腳本和樣式的頭部，你就會需要
2. 你的JavaScript綁定到$(document).bind('pageinit')這一翻譯的$(document).ready()

您可以找到更多的信息there