jquery - 正确地为 jQuery Mobile 换肤

Question

最近在一家大银行找到一份前端开发人员的工作。我负责 UI。我们正在使用 jQuery Mobile。

我需要一个包含 jQuery Mobile 的所有 Assets 的页面，因此当我换肤时，我所要做的就是查看这一页。

有人知道在哪里可以找到吗？

1. 为 jQuery Mobile 换肤的正确流程是什么？它永远感觉不对，而且剥皮感觉很老套。我所做的是创建一个新的样式表，在 Chrome/检查器中查看我想要更改的任何内容，然后覆盖该新样式表中的那些类。很多东西往往会坏掉，我必须使用很多特殊的类来修复它们。

你的流程是什么？

Answer 1

我还没有找到关于 jQuery Mobile 主题设计的任何此类综合指南。但是在创建了 3 个基于 jQuery Mobile 的应用程序之后，这是我创建主题的过程。

1. 使用 Theme Roller 创建一个最接近您要设计的主题。您应该能够将基本配色方案与此相匹配。
2. 创建自定义 css 以覆盖 Theme Roller css 中的元素。
3. 使用 firebug 缩小您需要更改的类以获得您想要的内容并将其放入自定义样式表中。

是的，我同意这是一个漫长而累人的过程。诀窍是在正确的类上应用样式，这样就可以在不破坏其他任何东西的情况下工作。