如何创建一个 jQuery Mobile 主题

Posted 2023-03-31

【中文标题】如何创建一个 jQuery Mobile 主题

【英文标题】：How to create a jQuery Mobile theme

【发布时间】：2011-03-16 15:57:33

【问题描述】：

如何创建 jQueryMobile 主题？

覆盖 CSS 是不是最好的方式？

【参考方案1】：

创建主题的最佳方法实际上是修改现有主题。就像 Jquery Mobile 对他们的“Valenica”主题所做的那样。 使用标准 css 作为起点/参考

http://code.jquery.com/mobile/latest/jquery.mobile.css

通常确定哪些元素需要样式调整的最佳方法是通过 Firebug 检查它们

---

同样值得注意的是，尝试从头开始创建主题并不是一个好主意，因为 jquery mobile 如此出色的很大一部分原因在于他们已经对 css 进行了跨浏览器测试和开发。

---

更新：

在不久的将来会有一个jquery移动主题滚轮，你可以在github上跟踪它的开发。

https://github.com/jquery/jquery-mobile

---

更新 2

主题滚轮已准备就绪！

http://jquerymobile.com/themeroller/

【讨论】：

+1 我也在寻找此信息。但是我可以复制默认值并让我的主题用作“j”

就像在 jquery mobile 中一样，我们使用 html 5 数据属性使用不同类型的主题。 jQuery Mobile 的默认主题包括 5 个以字母（a、b、c、d、e）给出的样本以供快速参考。

简单，复制任何现有样式并更改类中的字母。 IE 。 J 样式 - .ui-btn-up-j

【参考方案2】：

刚刚发现了一个用于创建原型的简洁工具，其中包括它自己的主题制作器/滚轮。值得一试！主题比原型设计更多。至少在官方主题滚轮出来之前。 http://www.mobjectify.com

允许您轻松添加额外的 JqueryMobile 主题并实时查看。

【参考方案3】：

这是我为 IBM 写的一篇文章，标题是这样的：Create custom jQuery mobile themes

【参考方案4】：

我还没有机会测试这个theme roller 的结果；但我认为它可能有用，至少在官方主题滚轮可用之前。