Question

我正尝试在如下html文件中的查询中使用图标

<div class="navbar" >
            <div class="navbar-inner">
                <ul class="nav">
                    <li style="width: 140px;"><a 
                        href="" th:href="@{/}"><i 
                        class=" ui-icon ui-icon-home" style="display:inline-block"></i>Home</a></li>
                    <li style="width: 140px;"><a 
                        href="" th:href="@{/}"><i
                        class=" ui-icon ui-icon-search" style="display:inline-block"></i>Search</a></li>
                    <li style="width: 140px;"><a 
                        href="" th:href="@{/}"><i
                        class="ui-icon ui-icon-plusthick" style="display:inline-block"></i>Create</a></li>
                </ul>
            </div>
        </div>

这是我在head标签中定义的css文件

 <link href="/css/bootstrap.min.css"
          th:href="@{/css/bootstrap.min.css}" rel="stylesheet" />
    <link href="/css/filters.css"
          th:href="@{/css/filters.css}" rel="stylesheet" />
    <link href="/css/jquery-ui.css"
          th:href="@{/css/jquery-ui.css}" 
          rel="stylesheet" />

    <script src="/js/jquery.js" th:src="@{/js/jquery.js}"></script>
    <script src="/js/jquery-ui.min.js" th:src="@{/js/jquery-ui.min.js}"></script>

从服务器加载html页面时，我看不到图标。有人可以帮忙吗？

Answer 1

您的最后一个脚本标记缺少结尾的'>'。看看是否有帮助。

Answer 2

https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png从jquery ui图标下载图标列表

jQuery图标未出现在html中

2 个答案: