有没有办法将我的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也在制作主题滚轮：

• http://jquerymobile.com/blog/

相关：

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

  

ThemeRoller Mobile：即将推出！

     

我们一直致力于构建一个全新的ThemeRoller工具   jQuery Mobile的基础。来自Adobe的Tyler Benzinger   带头开发工作（感谢泰勒！）我们非常   已准备好发布测试版。我们真的   很高兴能够展示它，因为有很多超酷的功能   这使得在几分钟内建立一个令人惊叹的主题变得简单易行。

     

如果你要参加波士顿的jQuery大会，你会得到一个   斯科特和托德在移动主题演讲中偷看。寻找一个   测试版将在下一周或两周内推出。

Answer 2

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

.ui-button { rule }

变为

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

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

有一个即将发布的jQuery UI Mobile ThemeRoller。你可以等待它并制作一个模仿你旧主题的新主题。让我感觉如何。否则，如果它不能等待，我个人现在只是将任何样式从ThemeRoller迁移到Mobile样式表。这是一种手工劳动，但是更具有前瞻性的一点点。

Answer 3

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

示例：

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