7

私はjQueryUIが初めてで、非常に基本的なものを見落としていると思います...

私の問題の簡単な説明

私はThemeRollerを使用して jQueryUI テーマをダウンロードしました。これにより、jQueryUI JavaScript ファイルも生成されます。Google でホストされているファイル ( ) を使用したいのですが、http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.jsこれを行ってもテーマが取得されません。ThemeRoller で生成されたスクリプトを使用する必要があるとは信じがたいです。なぜなら、もしそうなら、Google がホストする jQueryUI はまったく役に立たないからです! ここで何が間違っていますか??

詳細

そこで、次のように Themeroller から「Smoothness」テーマをダウンロードしました。

  1. ThemeRollerサイトに移動します。
  2. 「ギャラリー」ボタンをクリックします。
  3. 「滑らかさ」テーマの下にある「ダウンロード」ボタンをクリックします。
  4. .zip ファイル (フォルダー名を使用) をローカル ディレクトリ (たとえば、C:\jqueryui_test) に抽出します。

test.htmlここで、同じディレクトリに非常に単純なファイルを作成しました。このファイルの内容は次のとおりです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link type="text/css" href="ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
  $("#datepicker").datepicker({inline: true});
});
</script>
</head>
<body>
<div id="datepicker"></div>
</body>
</html>

ブラウザーで開くtest.htmlと、日付ピッカー コンポーネントのスタイルが設定されていません (背景画像などはありません)。しかし、Google がホストするjquery-ui.min.js行を ThemeRoller が生成した行 ( <script type="text/javascript" src="jquery.ui.all.js"></script>) に変更すると、ページは期待どおりにスタイル設定されます。

更新 私が受け入れた答えは実際には最終的な解決策ではありませんでしたが、それは私を正しい道に導きました. JQueryUI をダウンロードするだけで、たくさんのものを手に入れることができます。Google がホストするファイルは「jquery.ui.all.js」ファイルを置き換えるだけですが、「themes」ディレクトリは引き続き必要です。さらに、Themeroller テーマは 1.5.3 ではうまく機能しません (「1.5.3 ユーザー」リンクでさえも)。これは管理ページ専用だったので、組み込みの「フローラ」テーマを使用しました。jQuery UI 1.6 の方がはるかに優れているように見えますが、まだ「安定」リリースではありません (この記事の執筆時点では...)。

4

3 に答える 3

3

Replicated your setup here.. Themeroller supplied you with jQuery UI 1.6rc5, whereas the Google version you're refering seems to be a different version (1.5.3?).. Could this be the source of your problem?

于 2009-01-26T21:34:50.600 に答える
0

先日、無線信号が一瞬失われたときにも同様の問題が発生しました。Googleにアクセスできましたか？

于 2009-01-26T21:26:57.293 に答える
0

これはバグか何かであることを確認しました。Google AJAX API バージョンではなく、テーマ ロール フォルダーのバージョンの jquery ui を使用する必要があります。Google が新しい jquery ui ファイルをホストするときに、これが解決されることを願っています。

于 2009-01-31T23:50:52.440 に答える