2011-11-02 44 views
1

Jquerymobile做一些很酷的東西,使頁面加載非常快,比如簡單地裝入一個新的頁面上的內容。具有不同車身樣式,而使用jQuery Mobile的

但是我已經創建body標籤的一些自定義的樣式,我包括標題,例如:

<body class="<? echo $page;?>"> 

根據不同的頁面上,我將不同的類,它加載了不同的背景讓事情變得有趣。

如果我點擊一個鏈接但是去好像我沒有看到這個類的效果,直到我刷新整個頁面,這新的一頁它被迫重裝所有的東西。

問題是,如何才能讓這個上點擊,它將實際應用這個類的鏈接?我想知道如果我需要讓這個按鈕的類實際上加重體內,即:

$('insert-button-name').click(function(){ 

    $('body').addClass('insert-page-class'); 

}); 

我猜我試圖找出什麼是適當的方式做到這一點,同時保持在手機方式的兼容性方面。我知道我在那裏做的jquery將適用於普通瀏覽器。

乾杯

+2

你可能需要刷新JQM的外觀和感覺,嘗試鏈接.trigger(「創建」);到頁面 –

+0

我認爲是。有關如何將觸發器('創建')鏈接到頁面的進一步指示? – willdanceforfun

+0

http://jsfiddle.net/RwHWC/1/只是鏈接觸發() –

回答

1

只需爲每個data-role =「page」指定一個id即可。然後,在你的CSS,只需指定規則一樣......

#home{ background-color:#FF0000; } 
#login{ background-color:#00FF00; } 

這給你一箇中心,非程序,支持熱插拔,並管理你的顏色變化緩存的方式。 DOM操作是從性能的角度昂貴,因此這也將是一個更快的解決方案

+0

感謝,雖然這將如果我只是再造型體內的對象的工作,我在實際應用中不同風格的對象本身。因此,即使它可能不是最有效的,簡單地將新規則body標籤不工作和頁面的刷新是必不可少的。 – willdanceforfun

相關問題