不显示来自jQuery UI包的图标

时间:2013-08-01 06:33:43

标签: jquery-ui

我尝试在我的html页面中使用jQuery图标但是当我为span设置“class”时它不起作用。即使我在标记之间添加了一些额外的文本,span元素也不起作用。

这是我的HTML代码:

<!DOCTYPE html>
<html>
<head>
    <title>Simple TODO list</title>

    <style type="text/css">@import url("include/css/bootstrap.min.css");</style>
    <style type="text/css">@import url("include/css/jquery-ui-git.css");</style>


    <script type="text/javascript" src="include/js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="include/js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="include/js/bootstrap.min.js"></script>
</head>
<body>
<span class="ui-icon ui-icon-arrowthick-1-n"></span>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

您没有加载jquery-ui CSS文件:

    <link type="text/css" href="css/{theme}/jquery-ui-1.9.1.custom.css" rel="stylesheet" /><!-- jqueryUI theme -->