有没有办法将我的 UI 主题滚轮主题应用到我的 jquery 移动网站？

Question

我已经使用修改后的 jQuery UI 主题滚轮主题构建了一个标准站点。我正在尝试将相同的主题应用于我的 jQuery 移动网站。似乎许多 css 类不匹配。

.ui-btn      <-- in mobile
.ui-button   <-- in theme roller

有没有一种工具可以帮助匹配这两者？

Answer 1

更新：它在这里：

• http://jquerymobile.com/blog/2011/10/28/announcing-themeroller-for-mobile-beta/

我知道 jQM 也在开发 Theme Roller：

• http://jquerymobile.com/blog/

相关：

• http://jquerymobile.com/test/docs/api/themes.html
• http://as001.productscape.com/themeroller.cfm

ThemeRoller 移动版：即将推出！

我们一直在开发一个全新的 ThemeRoller 工具，由 jQuery Mobile 的基础。 Adobe 的 Tyler Benzinger 带头开发工作（感谢 Tyler！），我们非常 关闭以准备发布测试版。我们真的 很高兴炫耀它，因为有很多超酷的功能 这使得在几分钟内构建一个令人惊叹的主题变得非常简单。

如果您要参加波士顿的 jQuery 大会，您将获得 在 Scott 和 Todd 的移动主题演讲中偷看。寻找一个 测试版将在未来一两周内推出。

Answer 2

您可以制定解决方案；当两个 CSS 类具有相同的用途但名称不同时，您可以转到 ThemeRoller CSS 并搜索“ui-button”的实例并对其进行修改，以便（例如）一行显示：

.ui-button { rule }

变成

.ui-button, .ui-btn { rule }

但该死的，这是一个丑陋的 hack，而不是真正的解决方案。如果规则更复杂，您不能只进行搜索和替换。整个事情维护起来也很烦人。同样用于修改任一 JavaScript 的基础；您可以将所有添加“ui-btn”的 DOM 操作更改为添加“ui-button”，但这是维护的噩梦。

有一个即将发布的 jQuery UI Mobile ThemeRoller。您可以等待并制作一个模仿旧主题的新主题。让我印象深刻。否则，如果迫不及待，我个人会暂时将任何样式从 ThemeRoller 迁移到 Mobile 样式表。这是体力劳动，但更具前瞻性。

Answer 3

您已经正确地发现，两个框架中的类名并不相同。您可以编写一些 JavaScript 来搜索特定的 jQuery Mobile 类并添加与该元素对应的 jQuery UI 类。

例子：

$('.ui-btn').addClass('ui-button');