為什么刷新頁面時我的Jquery Mobile Web應用程序會丟失其自定義主題

Question

我正在編寫一個使用jQuery Mobile Themeroller構建的自定義主題的C＃.Net MVC移動Web應用程序。 主題工作正常，直到我按F5鍵，單擊瀏覽器的“刷新”按鈕，或執行任何其他刷新操作。 刷新后，頁面將丟失自定義主題，並返回默認的jQuery Mobile css。 我只能刷新主頁上的Web應用程序，而不會丟失主題。

我已經閱讀了這篇簡短的文章，但不確定是否相同。 我可以看到在ajax調用完成后，這將如何解決樣式問題，但是刷新問題呢？ 我的意思是，如果我僅在啟用JQM的頁面上單擊“刷新”或F5，它將丟失我所有的自定義主題（來自themeroller）。

可能是因為JQM向第一頁添加base元素的方式嗎？ 我不確定如何確認這一點。 我不必調用$('#mypage').trigger('create'); 在每個准備好文檔的事件上，我應該嗎？

感謝您的回應。 我很想發布一個jsfiddle，但是使用自定義主題時很難。

更新

<meta name="viewport" content="width=device-width, initial-scale=1" /> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<link rel="stylesheet" href="Content/stylesheets/mobilere.min.css" />
<link rel="stylesheet" href="Content/stylesheets/main.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>

這就是我的head一切-mobilere.min.css是我主題滾動的樣式表。

我目前沒有dom就緒事件設置，因為我想避免不得不在每個頁面上觸發刷新。

Answer 1

您需要在站點的每個頁面的<head>部分中擁有從頁面的<head>部分發布的代碼，因此，如果用戶刷新任何頁面上的瀏覽器，則可以訪問該代碼。 正常在站點中導航時，這不會產生太多開銷，因為jQuery Mobile僅提取data-role="page"上的第一個data-role="page"元素並將其添加到當前DOM中。
您應該使用樣式表的絕對路徑，以便無論頁面的基本URL是什么都可以找到它們。

在站點注釋上， $('#mypage').trigger('create'); 用於將適當的類和HTML結構添加到頁面小部件，而不更改樣式表。

為什么刷新頁面時我的Jquery Mobile Web應用程序會丟失其自定義主題

問題描述

1 個解決方案

解決方案1
0 已采納 2012-01-26 18:15:32

為什么刷新頁面時我的Jquery Mobile Web應用程序會丟失其自定義主題

問題描述

1 個解決方案

解決方案1 0 已采納 2012-01-26 18:15:32

解決方案1
0 已采納 2012-01-26 18:15:32