默认情况下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。一个简单的方法来完成这个只是切换你的精灵。