默认情况下Jquery Mobile的替代图标?

问题描述:

如何设置jquery mobile默认使用替代图标(黑色)?默认情况下Jquery Mobile的替代图标?

使用的标记语言,你可以使用ui-alt-icon做到这一点:

<a href="index.html" class="ui-alt-icon ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-left">Alt icon</a> 
<a href="index.html" class="ui-alt-icon ui-btn ui-shadow ui-corner-all ui-btn-b ui-icon-delete ui-btn-icon-left">Alt icon</a> 

是否有可能做到这一点对所有的按钮而无需分别增加UI-ALT-图标,每个图标?我正在寻找覆盖全球的JavaScript设置。

ui-alt-icon类添加到<body>标记。

全局设置是运行在网页上这个jQuery,正在加载jQuery Mobile的脚本:

$('body').addClass('ui-alt-icon'); 
如果你想只有部分有备用的图标则元素的部分或父

阻止要受影响,则运行所有UI按钮的

$('.ui-btn').addClass('ui-alt-icon'); 

或用id元素ElementID

$('#ElementID').addClass('ui-alt-icon'); 

显然所有的jquery命令都需要在DOM加载后加入脚本标记中。

JavaScript的方式可能会导致按钮之间的不一致,因为jQuery手机执行大量的动态DOM更新。

大多数的按钮样式是从jQuery的移动精灵绘制像here。一个简单的方法来完成这个只是切换你的精灵。