Question

如何设置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-icon？我正在寻找一种全局覆盖它的JavaScript设置。

Answer 1

全局设置是在网页上运行此jquery，即加载JQuery移动脚本：

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

如果您只希望某个部分拥有备用图标，那么您希望受影响的元素块的部分或父部分，则运行所有 ui-button ：

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

或ID为 ElementID 的元素：

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

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

Answer 2

将ui-alt-icon课程添加到<body>代码。

Answer 3

javascript的方式可能导致按钮之间的不一致，因为jquery mobile会执行大量动态DOM更新。

大多数按钮样式都是从jquery移动精灵中提取的，如here。一个巧妙的方法就是切换你的精灵。

Jquery Mobile默认的替代图标？

3 个答案: