使用没有按钮的UI图标精灵



是否有一种标准的方法来使用jquery-ui图标精灵而不将它们附加到按钮上?

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

是,所有图标都是通过文档中提到的类添加的:ui- theme

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

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

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

你已经做得很好了。

最新更新