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

有没有办法将我的UI主题滚轮应用到我的jquery移动站点?,jquery,jquery-ui,jquery-mobile,Jquery,Jquery Ui,Jquery Mobile,我已经使用修改过的jQueryUI主题构建了一个标准站点。我正在尝试将相同的主题应用到我的jQuery移动站点。看起来很多css类都不匹配 .ui-btn <-- in mobile .ui-button <-- in theme roller .ui btn您可以将解决方案破解到位;当两个CSS类具有相同的用途但名称不同时,您可以转到ThemeRoller CSS并搜索“ui按钮”的实例并对其进行修改,以便(例如)一行显示: .ui-button { rule }

我已经使用修改过的jQueryUI主题构建了一个标准站点。我正在尝试将相同的主题应用到我的jQuery移动站点。看起来很多css类都不匹配

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

.ui btn您可以将解决方案破解到位;当两个CSS类具有相同的用途但名称不同时,您可以转到ThemeRoller CSS并搜索“ui按钮”的实例并对其进行修改,以便(例如)一行显示:

.ui-button { rule }
变成

.ui-button, .ui-btn { rule }
但该死的,这是一个丑陋的黑客,不是一个真正的解决方案。如果规则更复杂,你不能只进行搜索和替换。整个事情要维持下去也会很烦人。同上,用于修改任一JavaScript的基础;您可以将所有添加“UIBTN”的DOM操作改为添加“UIButton”,但这是维护的噩梦


有一款jQueryUI手机浏览器即将发布。你可以等待,然后制作一个新的主题,模仿你的旧主题。我觉得这是一条路要走。否则,如果它不能等待,我个人会将任何样式从ThemeRoller迁移到移动样式表。这是一项体力劳动,但更能证明未来。

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

例如:

$('.ui-btn').addClass('ui-button');
更新:在这里:

我知道jQM也在开发一款主题滚轴:

相关的:

ThemeRoller手机:马上就来

我们一直在开发一种全新的ThemeRoller工具,它由 jquerymobile的基础。Adobe的Tyler Benzinger已经 领导开发工作(谢谢Tyler!),我们非常高兴 即将发布测试版,请关闭。我们真的 很高兴向大家展示它,因为有很多超级酷的功能 这使得在几分钟内构建一个惊人的主题变得非常简单

如果你要参加波士顿的jQuery会议,你会得到一个 在与Scott和Todd的移动主题演讲中偷窥。寻找一个 测试版将在未来一两周内发布


这样做是有原因的吗?主题滚轴对手机来说太大了吗?我不应该在移动站点上使用theme roller吗?我不记得特别读过这个主题,但是jQuery移动团队似乎不想覆盖jQuery UI团队的类,因为开发人员可能在单个项目中同时使用这两个框架。但是,如果可以避免的话,我建议不要在移动站点上使用jqueryui主题,因为这会给用户带来更多的数据传输开销。