2012-03-27 15 views
0

私はこの日付ピッカーをまったく動かすことができません。私はそれが私が間違っている何かでなければならないことを知っているが、私はただ何を理解するように見えることができない。私はcssファイルをコメントアウトして、何かがUIスタイルをオーバーライドしている可能性があると考えました。しかし、私はこれをfirebugを使って実行すると、テキストフィールドまたはアイコンのいずれかをクリックするとイベントが発生しないように動作します。機能不全のjQueryのdatepicker

ああ、私はカスタムUIパッケージにすべてのウィジェットが含まれていることを言及する必要があります。したがって、datepickerはそのコードの一部です。

ここは私のテストコードです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
    <head> 
    <!--link rel="stylesheet" type="text/css" href="css/site.css" /--> 
    <link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.16.custom.css" /> 

    <script type="text/javascript" src="/scripts/jquery-1.7.min.js"></script> 
    <script type="text/javascript" src="/scripts/jquery-ui-1.8.6.custom.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
     $(function() { 
      $("#datepicker").datepicker({ 
      showOn: "both", 
      buttonText: "Date", 
      buttonImage: "images/date_picker_icon.gif", 
      buttonImageOnly: true 
      }); 
     }); 
     }); 
    </script> 
    </head> 
    <body> 
    <input type="text" name="date_entered" id="datepicker" class="icon-right" size="10" maxlength="10" /> 
    </body> 
</html> 
+1

jsfiddle(http://jsfiddle.net/hallie/MgXjW/)でのテスト中、私は.ready()ハンドラ内の余分な機能の閉鎖を除き、すべての問題を見つけるdidntの。必要なファイルとパスがすべて正しく設定されていますか? – hallie

+0

スタイリングの欠如にもかかわらず、ハリーのフィドルも私のために働いています。 – Marc

+0

うーん...それは変だ。おそらく、私はjqueryのカスタムUIファイルを再ダウンロードして何らかの理由でそれを修正するかどうかを確認する必要があります。これは修正するのが最悪の問題です。私はそれが私が明らかに間違っていた何かの時が好きです。あなたのお二人の時間を無駄にして申し訳ありません。 – Skittles

答えて

0

<script type="text/javascript" src="/scripts/jquery-ui-1.8.6.custom.min.js"></script> 

あなたissue..changeだと思います。新しいバンドルをダウンロードしましたが、今は正常に動作します。

<link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.18.custom.css" /> 

<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="scripts/jquery-ui-1.8.18.custom.min.js"></script> 
0

私は、これは私がスクリプト対jqueryのUIのCSSのバージョンが一致していたことが表示されます

<script type="text/javascript" src="/scripts/jquery-ui-1.8.16.custom.min.js"></script> 
+0

Thanks Hallie。残念ながら、私が持っているファイル名は正しい名前です。 – Skittles

+0

画像をロールオーバーするとボタンのテキストが表示されるので、ファイルがロードされていることがわかります。また、それが動作していなかった場合、画像も表示されませんでした。 – Skittles

+0

非常に興味深い! jsfiddleのページに移動してローカルのCSSとjqueryのjsファイルを追加すると、ここでもやっているように失敗します。 – Skittles

関連する問題