jquery图标没有显示？

Posted 2021-04-09

我在这里关注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等图标？

答案

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

另一答案

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]