无法显示jqueryui图标

时间:2014-02-01 20:27:49

标签: jquery-ui

我尝试了20种不同的东西,但我无法显示任何jqueryui图标。

我尝试过的一些事情的一些例子

1)在标题中加上

   <script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
   <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js" type="text/javascript"></script>

这是在html中

<span class="ui-icon-search" style="width: 20px; height: 20px; z-index: 9999; display: inline-block"></span>

2)在标题中

<script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" type="text/javascript"></script>

这是在html中

<span class="ui-icon-search" style="width: 20px; height: 20px; z-index: 9999; display: inline-block"></span>

3)也在本地试过,但不起作用

已经尝试了20个其他的东西,但没有任何作用,即使它在开发者控制台中显示正确的类。 其他一切正常。 html,页面等没有错误抛出

在这个页面http://api.jqueryui.com/theming/icons/上,它使添加它们听起来很容易......只需添加一个类,我尝试添加多个不同的图标类,但没有一个显示图标。我也在使用可调整大小的小部件,所以我尝试在html的多个不同位置添加ui-icon-carat-2-n-s类,可调整大小的jqueryui代码等。

所以我想,即使是一个显示工作图标的简单小提琴也会很棒。

1 个答案:

答案 0 :(得分:2)

我认为你错过了一个继承的课程:ui-icon

代码:

class="ui-icon ui-icon-search"

演示:http://jsfiddle.net/YN53x/