jquery - 使用没有按钮的 UI 图标 Sprite ?

标签 jquery css jquery-ui

是否有使用 jquery-ui 图标 Sprite 而不将它们附加到按钮的标准方法?

它们使用起来很简单。例如,将类“ui-icon-circle-arrow-e”附加到任何展开的链接,并将“ui-icon-circle-arrow-s”附加到其展开状态。但这些感觉就像黑客,我是 jquery(-ui) 库的新手,我只是想建立一些最佳实践。我在这里和谷歌上做了一些搜索,但没有真正明确的答案。

最佳答案

是的,所有图标都是通过类添加的,如文档中所述:ui-theming

<span class="ui-icon ui-icon-circle-plus"></span>

jQuery UI 还会根据容器的状态调整图标 - 主要用于错误/默认状态。

这是一个jsfiddle调整图标以在文本中显示内联 - 它是故意灵活的,可以在任何您想要的方式和任何地方使用。

关于jquery - 使用没有按钮的 UI 图标 Sprite ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5902694/

相关文章:

html - 如何将两个 div 并排放置 -HTML/CSS

javascript - 如何在 React 中导入特定于组件的 css 样式?

jquery - 旋转木马不工作..?

jquery-ui - jQuery 在选定的 radio 上添加/删除 css 类

javascript - 选项卡上的 Keyup 事件行为

jQuery:尝试使用serializeArray()

javascript - dataTables (jquery) 按两列搜索

javascript - 如何在单击缩略图上以大图像添加事件类

javascript - 将禁用添加到 div 类

javascript - jQuery ui 自动完成 : Add the selected value to the dropdown and avoiding duplicates