Jquery 图标没有出现在 html 中

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

您的最后一个脚本标记遗漏了结尾的“>”。看看是否有帮助。