jQuery Mobile - 如何更改要在應用數據屬性時應用的css類？

我正在用jQuery Mobile構建移動應用程序。我試圖將自己的設計應用於它，到目前爲止我的表現很好，但是我提出了一個問題。jQuery Mobile - 如何更改要在應用數據屬性時應用的css類？

我想建立充足，純淨的UI，我可以，所以我試圖消除陰影，漸變等。但是，當我把data-role="listview"到<div>元素，它會自動將一些CSS類，它和一個他們是ui-shadow，我不想將它用於我的列表視圖。

到目前爲止，我曾考慮過更改jquery mobile的javascript代碼，但我認爲這不是最佳實踐。

如果我能得到您的想法，這將是非常棒的。

謝謝。

來源

2012-12-06 Umut Sirin

你並不需要在所有使用JQM的主題，如果你願意，你可以只使用[結構]（http://jquerymobile.com/download/）css文件中沒有主題。 – Jack

是的，我知道，但我的意思是，它是js文件把這些CSS類。我想知道如何改變它？ –

我們採用JQM及其各自的CSS的做法是，我們不接觸這些文件，因爲它們可以在新版本發佈時更新。我們分別在JQM之後加載我們自己的自定義JS和css文件。在我們自己的文件中，我們指定了我們想要更改的特定的自定義項目，這些項目不能簡單地被HTML標籤中的屬性所關注。我們只是在它們各自的地方重新定義類或函數。我希望這可以幫助你，並讓你繼續前進，而不必觸摸JQM文件。

來源

2012-12-07 22:23:21

呀，搞亂一些和身邊後，我們解決了這個問題像你這樣。感謝您的迴應。 –

，您可以指定是否通過data-*屬性要對小部件的陰影（和其他東西）。

~~<ul data-role="listview" data-shadow="false"> ... </ul>~~

創建的jsfiddle測試後，我意識到，jQuery Mobile的不允許你通過選項刪除插圖列表視圖widets陰影，但是，您可以做到這一點與大多數窗口小部件，像button.Here是一個演示：http://jsfiddle.net/4VXfb/

<a data-role="button" data-shadow="false" href="#">I'm a button without shadows.</a>

的jQu查看文檔這裏提供的移動部件的選項如下：http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-options.html

來源

2012-12-06 22:08:38 Jasper

感謝您所說的那些人。但是，我想，我只有我的內聯列表的CSS編輯選擇。 –

@UmutŞirin你看到的列表視圖的說明？ – Jasper

是啊，我剛纔看到它和編輯我的回答:) –

jQuery Mobile - 如何更改要在應用數據屬性時應用的css類？

回答

相關問題