7

Web サイトで JQuery DatePicker 要素を使用しています。しかし、月の両側に表示されている小さな矢印が見えません。この領域はクリック可能で、その領域をクリックすることで月を閲覧できます。しかし、実際には空白で、矢印は表示されません。

例: '<' 2013 年 7 月 '>'

JQuery Dialog Control の閉じるボタンで同様の問題が発生しました。ここでは、 --> 'X' のような閉じるボタンのイメージが右上隅に表示されません。ただし、その領域をクリックすると、ダイアログが閉じます。

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <link rel="stylesheet" href="styles/jquery-ui.css" /> 
    <script language="javascript" type="text/javascript" src="js/jquery.js" ></script> 
    <script language="javascript" type="text/javascript" src="js/jquery-ui.js"></script> 
</head>

これは、インクルードされたファイルのシーケンスです。以下は私が参照しているリンクです。このリンクに投稿された css ファイルをダウンロード用に使用しました。

http://jqueryui.com/datepicker/#default

助けてください。

4

2 に答える 2

7

問題は、CSS ファイルに関連する画像ファイルの場所にあるようです。jQuery UI CSS シートは、UI で使用されるさまざまな画像ファイルを参照します。すべてのファイルを CSS フォルダー内に保持し、そこから参照する必要があります。必要に応じて、これらの CSS フォルダーを移動できることがわかりましたが。これは、複数の jQuery UI テーマで使用しているサイトです。

私のディレクトリリスト:

ここに画像の説明を入力

そして、ここに私のコードからの参照があります:

ここに画像の説明を入力

私は ASP.NET でコーディングしているので、コンテンツ プレース ホルダー タグは無視してください。

*注意してください...ディレクトリ リストに表示される各テーマ フォルダ (「dark-theme」など) は、 jQuery の Custom Themeroller を使用するときに「CSS」フォルダ内に作成されるサブフォルダです。デフォルトの jQuery ライブラリを使用していた場合、images フォルダーと CSS ファイルは「CSS」フォルダーに直接配置されていると思います。**

ボーナス情報: jQuery Themerollerを 使用すると、「CSS スコープ」タグを使用して複数のテーマを使用できます。提供されたテキストボックスに目的のクラス名を入力することで、この機能を使用できます (クラスには、jQuery セレクターなどのようにピリオドを前に付ける必要があります)。複数のテーマを使用している場合は、jQuery を 1 回呼び出すだけで済み、必要な各 CSS ファイルを参照できます。これが私の例で行ったことであり、完成するとあなたのものよりも少し複雑に見えるかもしれません.

于 2013-07-03T14:14:35.977 に答える