2017-02-04 74 views
0

我想弄清楚jQueryUI。我在使用datepicker部件時遇到了一些問題。在jQuery網站的演示中,我可以看到月份旁邊的next和prev圖標。在jsp中,我寫了左右空格可以點擊移動到下一個月或轉到之前的空間,但圖標不見了。我的代碼位於下方,而且我使用的是Redmond主題。我不確定爲什麼,希望有人能提供建議。我也在這裏放置截圖。謝謝。在datepicker部件中缺少'Next'和'Prev'圖標

enter image description hereenter image description here

<%@ 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> 
+1

Web控制檯中是否有任何錯誤,如嘗試加載圖標圖像文件的錯誤? – Barmar

+0

@Barmar感謝您的回覆。我找到了解決方案,向下滾動。 – javaperson

回答

0

您需要的主題圖像文件夾上傳到這個文件夾:css/

同樣的地方是文件jquery-ui.css

+0

當我將圖像和jquery-ui.css放在同一個文件夾中時,它似乎無法工作。我找到了解決方案,向下滾動。謝謝。 – javaperson

0

感謝您的答覆,我想我找到了解決方案。 jQueryUI所需的CSS和JavaScript文件應放在一起。不應該將它們放在一個子文件夾中,而應該放在WebContent文件夾下(假設您使用的是eclipse)與jsp文件位於同一級別。 enter image description hereenter image description here