有没有办法将我的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手机：即将推出！

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

如果您打算参加波士顿的jQuery会议，您将在与Scott和Todd的移动主题演讲中偷偷摸摸地看到一个 。寻找一个 测试版本将在未来一周或两周内推出。

Answer 2

你可以破解一个解决方案;当两个CSS类有异曲同工之妙，但不同的名称，你可以去的ThemeRoller CSS和搜索“UI按钮”的情况下，并修改它，这样（例如）行说：

.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');