2

jquery UI を使用しようとしています。私はすべてをダウンロードし、指示に従って、HTML にそのようなコードを追加します。

<link type="text/css" href="/css/ui-lightness/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"></script>
<script type="text/javascript">
     $(function() {
         $( "#id_myDate" ).datepicker({
             inline: true
         });
     });
</script>
.....
<div>Date: <input type="text" id="id_myDate" name="deadLine"></div>

このページを読み込んでみると、Datepicker がおかしくなっているように見えます。

ここに画像の説明を入力

どうしたの？jquery UI をダウンロードして index.html を開くと、(datepicker を含む) すべて正常に動作しますが、アプリに入れると見た目が悪くなります。

ところで。私のブラウザはChromeです（これをFirefoxでもテストしますが、同じ問題です）、PythonでGoogle appengineアプリに取り組んでいます。

ありがとうございました。

------------------------編集-------------------------- --

ごめんなさい。これは Google appengine であるため、js や css などの静的ファイルを構成する必要があります。app.yaml で css ファイルを構成するのを忘れています。ここで、これを yaml ファイルに追加します。

- url: /js
static_dir: js

- url: /css
static_dir: css

js と css は、これらのファイルが配置されているディレクトリの名前です。どうもありがとうございました。

4

2 に答える 2

1

cssファイルが正しくロードされていないようです。正しくロードされていることを確認してください。

Chromeでは、を押しF12て開発者ツールを開くことができます。[ネットワーク]タブをクリックして、ページを更新します。エラーを含め、ウェブサーバーに送信されたすべてのリクエストのリストが表示されます。cssファイルが正しくロードされていることを確認してください。

于 2012-05-12T05:08:02.027 に答える