Question

我想弄清楚jQueryUI。我在使用datepicker小部件时遇到了一些问题。在jQuery网站的演示中，我能够看到月份旁边的下一个和上一个图标。在jsp我写的左右空格可以点击移动到下个月或转到前一个，但图标丢失了。我的代码在下面，我正在使用Redmond主题。我不确定为什么，希望有人可以提供建议。我也在这里放置截图。谢谢。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Welcome</title> 
<link href="css/jquery-ui.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/jquery-ui.js"></script>

<script>
        $(document).ready(function(){       
            $("#datepicker").datepicker({               
                showOn: "button",
                buttonImage: "images/calendar.jpg",
                buttonImageOnly: true,
                showButtonPanel:true    
                });
        });     
       </script>
</head>
<body>
<label for="Date">Date:</label>
            <label class="nofloat"><input type="text" id="datepicker"></label><br>
</body>
</html>

Answer 1

您需要将主题的images文件夹上传到此文件夹：css/

文件jquery-ui.css

的位置相同

Answer 2

感谢您的回复，我想我找到了解决方案。应该将jQueryUI所需的css和javascript文件放在一起。它们不应放在子文件夹中，而应直接放在WebContent文件夹下（假设您使用的是eclipse）与jsp文件处于同一级别。

＆＃39;接着＆＃39;和＆＃39; Prev＆＃39; datepicker小部件中缺少图标

2 个答案: