使用jQuery Mobile時在加載時重置CSS

Question

我正在響應式網站上使用jQuery Mobile，主要用於彈出菜單。 我注意到，有了這個庫，您會在整個站點中自動獲得諸如動畫之類的東西。

缺點是我在不同頁面上有特殊的樣式。 假設我輸入一個鏈接以轉到“生物”頁面，一切加載正常，“名冊”和“關於”頁面也是如此。 但是，當我嘗試轉到另一個頁面時（例如，使用網站的菜單從“生物”到“大約”），當前頁面保留了上一頁的樣式，只是換出了html內容。

如何繼續使用jQuery mobile，但每個頁面的加載樣式均符合預期，並且（如果可能）保持過渡？

這里是實際頁面的鏈接，因此您可以理解我的意思；

http://ramiroproductions.businesscatalyst.com/roster.html - Roster
http://ramiroproductions.businesscatalyst.com/aboutus.html - About
http://ramiroproductions.businesscatalyst.com/biography.html - Bio

您可以嘗試刷新它們，以了解它們的外觀。

Answer 1

確保在jquery移動CSS之后包含用戶編寫的樣式，以遵循級聯和樣式聲明的特異性的規則。 因此，在jquery移動CSS樣式表之后，請嘗試首先將鏈接放置到樣式表中。 如果僅此一項不起作用，請使用瀏覽器檢查器檢查哪些樣式被覆蓋，然后將這些樣式以該格式准確地寫入樣式表中。

Answer 2

我發現這是因為jQuery mobile通過ajax處理鏈接。 禁用它可以解決此問題，但是您會丟失頁面過渡。

有關更多信息，請參考此問題： 如何在頁面加載之前在jQuery Mobile中禁用Ajax？