jquery图标没有显示？

Question

我在这里关注jquery图标的教程：http://view.jquerymobile.com/master/demos/icons/index.php

当我执行data-icon="delete"或data-icon="check"之类的内容时，图标显示正常，但当我执行data-icon="ui-icon-caret-l"或data-icon="ui-icon-home"时

我的图标根本没有出现，为什么会这样？

左边的按钮是使用ui-icon-caret-l，右边的按钮是使用check，如何显示ui-icon-caret-l和ui-icon-home等图标？

Answer 1

我想通了，看起来教程中的图标名称根本不正确，我尝试使用carat-l而不是ui-icon-caret-l，就像教程说的那样，图标显示就好了。

Answer 2

jQuery会自动将data-icon属性的值转换为ui类名称。

例如，如果您编写此代码：

[code]<a href="#" data-icon="carat-l"></a>[/code]

当jquery解析html页面时，上面的html将被转换为：

[code]<a href="#" style="ui-icon-carat-l"></a>[/code]