2012-03-02 40 views
0

我想使用jQuery移動框架的data-theme屬性製作主題切換器。當用戶點擊其中包含數據主題的鏈接時,我的所有頁面的data-theme屬性應該替換爲該點擊的data-theme屬性。爲了更好地瞭解我在jQuery移動網站上做什麼see this頁面,它與我正在嘗試爲我的頁面執行的操作非常接近,只是它僅更新當前頁面,並且我想更新所有的WebApp頁面。如何使用jQuery手機的數據主題屬性製作主題切換器

+0

你不能只更新'數據theme'屬性和期望的主題改變。您必須重新初始化頁面上的每個小部件,以便獲得適當的類/結構。 – Jasper 2012-03-03 01:06:43

+0

可能重複的[如何在jQuery Mobile中動態地改變主題?](http://stackoverflow.com/questions/8656801/how-to-change-theme-dynamically-in-jquery-mobile) – Jasper 2012-03-03 01:07:28

回答

1

您可以將data-theme =「THEME_LETTER」設置爲php變量。然後,在頁面上有鏈接來切換主題。當用戶點擊主題爲「b」的鏈接時,它將設置一個會話變量,然後在每個頁面加載時,THEME_LETTER將由php設置以反映它們的選擇。

的HTML裏面,它應該是這樣的:

數據主題=「<?php echo $_SESSION['THEME_LETTER']; ?>

1

有你看着jQuery UI的主題輥?這也可以在jQuery Mobile的太

http://jquerymobile.com/themeroller/

生成一組主題,並相應地打開它。 以下是切換鏈接: http://midnightprogrammer.net/post/Change-Page-Themes-Dynamically-Using-JQuery-Theme-Roller.aspx

+0

是該機制將工作爲我所有的WebApp頁面,即將更新應用程序中的所有頁面或只更新一個頁面? – 2012-03-03 00:07:14

+0

當你使用主題 – Satish 2012-03-03 00:11:21

+0

時,對於所有頁面都可以工作當不存在這樣一種機制,它將只在點擊數據主題鏈接時更新所有頁面的data-theme屬性,我相信它可以完成,但不知道如何做到這一點的JavaScript! – 2012-03-03 00:14:54