2017-02-04 17 views
0

私はjQueryUIを理解しようとしています。私はdatepickerウィジェットにいくつか問題があります。 jQueryウェブサイトのデモでは、月の横にある次のアイコンと前のアイコンを見ることができます。 jspで、私は右と左のスペースをクリックして次の月に移動するか、前に移動することができますが、アイコンは表示されません。私のコードは以下の通りです。Redmondテーマを使用しています。私はなぜ、誰かが助言できることを願っているか分からない。私はここにスクリーンショットを置いています。ありがとうございました。datepickerウィジェットに '次へ'と '前'アイコンがありません

あなたがこのフォルダにテーマのimagesフォルダをアップロードする必要が

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

アイコン画像ファイルの読み込み中にエラーが発生しました。ウェブコンソールにエラーがありますか? – Barmar

+0

@Barmarご回答いただきありがとうございます。私は解決策を見つけた、下にスクロールします。 – javaperson

答えて

0

css/

同じファイルは、応答のためのjquery-ui.css

+0

画像とjquery-ui.cssを同じフォルダに置いてもうまくいかないようです。私は解決策を見つけた、下にスクロールします。ありがとうございました。 – javaperson

0

のおかげであり、私は思います私は解決策を見つけました。 jQueryUIに必要なCSSとJavaScriptのファイルは一緒に配置する必要があります。これらは、サブフォルダにまとめてはいけませんが、jspファイルと同じレベルでWebContentフォルダ(eclipseを使用していると仮定します)の直下に置いてください。 enter image description hereenter image description here

関連する問題